/*!
 * CatEye Website - "Labs" design (loaded after crm.css, active on <html data-design="labs">)
 *
 * Pure black, white text, a light serif for every heading set with room around it, a clean
 * geometric sans for text, one teal accent, square white buttons with an arrow, glass panels
 * at 8% white with a 14% white edge, small uppercase labels in bordered chips.
 * Same HTML as the other designs: only this stylesheet differs.
 *
 * Palette   bg #000 · glass rgba(255,255,255,.08) · edge rgba(255,255,255,.14) · text #fff / rgba(255,255,255,.72) · teal #0dc2c3
 */

html[data-design="labs"] .theme-modern {
    --void: #000;
    --panel: #0d0d0d;
    --panel-2: #141414;
    --glass: rgba(255, 255, 255, .08);
    --night: #0d0d0d;
    --night-2: #141414;
    --violet: #0dc2c3;
    --violet-deep: #141414;
    --amber: #0dc2c3;
    --lilac: #5ad9da;
    --mist: var(--panel);
    --ink: #fff;
    --slate: rgba(255, 255, 255, .72);
    --line: rgba(255, 255, 255, .14);
    --c-heading: #fff;
    --c-subheading: #fff;
    --c-text: var(--slate);
    --c-link: #fff;
    --c-link-hover: var(--amber);
    --c-border: var(--line);
    --c-soft: var(--panel);
    --f-head: 'Instrument Serif', 'Times New Roman', serif;
    --f-body: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --f-mono: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
    --radius: 0px;
    background: var(--void);
    color: var(--slate);
    font-size: 16px;
    line-height: 1.6;
    font-family: var(--f-body);
}
html[data-design="labs"] { background: #000; color-scheme: dark; }
html[data-design="labs"] .theme-modern ::selection { background: var(--amber); color: #000; }
html[data-design="labs"] .theme-modern :is(h1, h2, h3, h4, h5, h6),
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title,
html[data-design="labs"] .theme-modern .page-header .page-title,
html[data-design="labs"] .theme-modern .post-title,
html[data-design="labs"] .theme-modern .ce-headline,
html[data-design="labs"] .theme-modern .ce-prod-name,
html[data-design="labs"] .theme-modern .ce-prod-title,
html[data-design="labs"] .theme-modern .ce-prod-closing h2,
html[data-design="labs"] .mx-closing h2,
html[data-design="labs"] .theme-modern .ce-testimonial blockquote {
    font-family: var(--f-head); font-weight: 400; font-stretch: 100%; letter-spacing: -.01em; color: #fff; text-transform: none;
}
html[data-design="labs"] .theme-modern h1 { font-size: clamp(2.6rem, 5vw, 4.4rem); line-height: 1.08; }
html[data-design="labs"] .theme-modern h2 { font-size: clamp(2rem, 3.6vw, 3rem); line-height: 1.12; }
html[data-design="labs"] .theme-modern h3 { font-size: clamp(1.35rem, 1.9vw, 1.7rem); line-height: 1.25; }
html[data-design="labs"] .theme-modern .ce-title-lines::after, html[data-design="labs"] .theme-modern .ce-title-lines::before { display: none; }
html[data-design="labs"] .theme-modern .ce-title span[style], html[data-design="labs"] .theme-modern .ce-headline span[style],
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title span[style] { color: var(--amber) !important; }
html[data-design="labs"] .theme-modern .ce-section :is(p, li, td) > a:not(.ce-btn):not(.ce-more),
html[data-design="labs"] .theme-modern .entry-content a:not(.ce-btn) { color: #fff; text-decoration: underline; text-decoration-color: var(--line); }
html[data-design="labs"] .theme-modern strong, html[data-design="labs"] .theme-modern b { font-weight: 600; color: #fff; }
html[data-design="labs"] .theme-modern hr, html[data-design="labs"] .theme-modern th, html[data-design="labs"] .theme-modern td { border-color: var(--line); }
html[data-design="labs"] .theme-modern hr.ce-sep { background: var(--line) !important; border-color: var(--line) !important; height: 1px; }

/* ------------------------------------------------------------------ header */
html[data-design="labs"] .theme-modern .site-header { background: rgba(0, 0, 0, .85); box-shadow: none; }
html[data-design="labs"] .theme-modern .site-header.is-stuck { box-shadow: 0 1px 0 var(--line); }
html[data-design="labs"] .theme-modern .site-logo, html[data-design="labs"] .mx-wordmark b { color: #fff; }
html[data-design="labs"] .mx-wordmark b { font-family: var(--f-body); font-weight: 700; letter-spacing: .02em; font-size: 17px; }
html[data-design="labs"] .mx-wordmark span { color: rgba(255, 255, 255, .6); font-family: var(--f-body); font-size: 9.5px; letter-spacing: .22em; }
html[data-design="labs"] .theme-modern .site-nav .menu > li > a,
html[data-design="labs"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a {
    font-family: var(--f-body); font-size: 13.5px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #fff;
    background: var(--glass); padding: 9px 12px; border-radius: 0; margin: 0 2px;
}
html[data-design="labs"] .theme-modern .site-nav .menu > li:hover > a, html[data-design="labs"] .theme-modern .site-nav .menu > li > a:focus,
html[data-design="labs"] .theme-modern .site-nav .menu > li.is-active > a { color: #fff; background: rgba(255, 255, 255, .16); }
html[data-design="labs"] .theme-modern .site-nav .menu > li.is-active > a::after { display: none; }
html[data-design="labs"] .theme-modern .site-nav .sub-menu { background: #0d0d0d; border-radius: 0; box-shadow: 0 0 0 1px var(--line), 0 24px 64px -16px rgba(0, 0, 0, .8); }
html[data-design="labs"] .theme-modern .site-nav .sub-menu a { color: rgba(255, 255, 255, .86); }
html[data-design="labs"] .theme-modern .site-nav .sub-menu a:hover, html[data-design="labs"] .theme-modern .site-nav .sub-menu .is-active > a { background: var(--glass); color: #fff; }
html[data-design="labs"] .mx-cta { background: #fff; color: #000; border-radius: 0; font-family: var(--f-body); font-weight: 500; }
html[data-design="labs"] .mx-cta::after { content: ' \2192'; }
html[data-design="labs"] .mx-cta:hover { background: var(--amber); color: #000; }
html[data-design="labs"] .theme-modern :is(.nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after) { background: #fff; }
html[data-design="labs"] .theme-modern .nav-open .nav-toggle-bars { background: transparent; }

/* -------------------------------------------------------------------- hero */
html[data-design="labs"] .theme-modern .mx-hero { background: #000; }
html[data-design="labs"] .theme-modern .mx-hero::after { display: none; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 28px; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-text { max-width: 880px; order: 2; display: flex; flex-direction: column; align-items: center; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens { order: 1; --lens-h: min(34vh, 300px); aspect-ratio: 1; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens::before { inset: -14px; border: 1px dotted rgba(255, 255, 255, .45); box-shadow: none; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens::after { inset: -60px; border: 1px dotted rgba(255, 255, 255, .18); }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media { border-radius: 50%; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(2.4rem, 4.4vw, 3.9rem); line-height: 1.1; letter-spacing: -.01em; text-transform: none; margin-bottom: 14px; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-rule { display: none; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-sub { color: rgba(255, 255, 255, .72); font-size: 1.05rem; max-width: 40rem; margin: 0 auto 22px; }
html[data-design="labs"] .theme-modern .mx-hero:not(.is-full-height) { height: auto; min-height: 0; }
html[data-design="labs"] .theme-modern .mx-hero .ce-hero-dots button span::after { background: #fff; }
html[data-design="labs"] .theme-modern .mx-hero-split > .mx-hero .ce-slide-inner { grid-template-columns: 1fr; }
html[data-design="labs"] .theme-modern .mx-hero-split > .mx-hero .mx-lens { --lens-h: min(26vh, 220px); }

/* ---------------------------------------------------------------- buttons */
html[data-design="labs"] .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: 500; letter-spacing: 0; padding: 11px 20px;
    background: #fff; border: 1px solid #fff; color: #000; border-radius: 0; transition: background .14s, color .14s;
}
html[data-design="labs"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]):hover { background: var(--amber); border-color: var(--amber); color: #000; }
html[data-design="labs"] .theme-modern .ce-btn::after { content: ' \2192'; }
html[data-design="labs"] .theme-modern .ce-btn-lg { font-size: 15px; padding: 13px 26px; }
html[data-design="labs"] .theme-modern .ce-btn-outline-dark, html[data-design="labs"] .theme-modern .ce-job .ce-btn { background: transparent; color: #fff; border-color: var(--line); }
html[data-design="labs"] .theme-modern .ce-btn-outline-dark:hover, html[data-design="labs"] .theme-modern .ce-job .ce-btn:hover { background: #fff; border-color: #fff; color: #000; }
html[data-design="labs"] .theme-modern .ce-more, html[data-design="labs"] .theme-modern .ce-prod-link { color: #fff; text-decoration: underline; text-decoration-color: var(--amber); text-underline-offset: 4px; font-weight: 500; }
html[data-design="labs"] .theme-modern .ce-more:hover { color: var(--amber); }
html[data-design="labs"] .theme-modern :focus-visible { outline: 2px solid var(--amber); }

/* ----------------------------------------------------------------- sections */
html[data-design="labs"] .theme-modern .ce-section:is([style*="#f4f6f7"], [style*="#f6f6f6"], [style*="#eff1f2"], [style*="#f7f7f7"], [style*="#f2f2f2"]) {
    background-color: #000 !important; box-shadow: inset 0 1px 0 var(--line);
}
html[data-design="labs"] .theme-modern .ce-section.ce-text-light { background-color: #000 !important; box-shadow: inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line); }
html[data-design="labs"] .theme-modern .ce-section.ce-text-light::before { background: linear-gradient(100deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .78) 50%, rgba(0, 0, 0, .6) 100%); }
html[data-design="labs"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"] { background-color: var(--panel) !important; }
html[data-design="labs"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"]::before { background: var(--panel); }
html[data-design="labs"] .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"], [style*="color:#768894"], [style*="color: #768894"], [style*="color:#666666"], [style*="color: #666666"]) { color: var(--slate) !important; }
html[data-design="labs"] .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: #fff !important; }
html[data-design="labs"] .theme-modern .ce-section:not(.ce-text-light) [style*="#74c5da"]:not(hr) { color: var(--amber) !important; }
html[data-design="labs"] .theme-modern .ce-section:not(.ce-text-light) :is(.ce-headline strong, .ce-headline b) { color: var(--amber); font-weight: 400; }
html[data-design="labs"] .theme-modern .ce-subheadline { color: var(--slate); }
html[data-design="labs"] .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(--glass) !important; border: 1px solid var(--line); border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-section.ce-text-light :is([style*="color:#ffffff"], [style*="color: #ffffff"]) { color: #fff !important; }

/* Glass panels: boxes, features, cards, tiles */
html[data-design="labs"] .theme-modern :is(.ce-box, .ce-feature, .ce-flip-front, .ce-flip-back, .ce-posts-large .ce-post-card, .ce-post-card, .job-summary, .post-share, .ce-notice, .ce-alert, .ce-app-card, .related-posts, .ce-prod-tile) {
    background: var(--glass); border: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 22px;
}
html[data-design="labs"] .theme-modern .ce-features-top .ce-feature { border-left: 1px solid var(--line); }
html[data-design="labs"] .theme-modern :is(.ce-box-icon, .ce-box-icon.ce-icon-circle, .ce-feature-icon) { background: rgba(13, 194, 195, .12) !important; color: var(--amber) !important; border-radius: 0; border: 1px solid rgba(13, 194, 195, .3); }
html[data-design="labs"] .theme-modern .ce-feature-title { text-transform: none; letter-spacing: 0; font-family: var(--f-head); font-size: 1.4rem; font-weight: 400; }
html[data-design="labs"] .theme-modern .ce-box-body[style*="color"] { color: var(--slate) !important; }
html[data-design="labs"] .theme-modern .ce-box-link:hover .ce-box-title { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-checklist li > i { background: rgba(13, 194, 195, .14); color: var(--amber); border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-toggle { border-color: var(--line); }
html[data-design="labs"] .theme-modern .ce-toggle summary::before { background: var(--glass); color: var(--amber); border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-counter-ring { --ring: var(--amber); }
html[data-design="labs"] .theme-modern .ce-counter-ring::before { background: #000; }
html[data-design="labs"] .theme-modern .ce-social a { color: #fff; border-color: var(--line); border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-social a:hover { background: #fff; border-color: #fff; color: #000; }
html[data-design="labs"] .theme-modern .ce-journey > li::before { box-shadow: 0 0 0 10px #000; background: var(--amber); }
html[data-design="labs"] .theme-modern .ce-journey-when, html[data-design="labs"] .theme-modern .ce-steps > li::before { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-steps > li { border-top-color: var(--line); }
html[data-design="labs"] .theme-modern .ce-prod-tile b { color: #fff; }
html[data-design="labs"] .theme-modern .ce-prod-mark { border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-404-code { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-logos img { filter: grayscale(1) invert(1) contrast(1.1); opacity: .8; background: transparent; padding: 0; }
html[data-design="labs"] .theme-modern .ce-logos a:hover img { opacity: 1; }
html[data-design="labs"] .theme-modern .ce-testimonial blockquote { font-size: clamp(1.4rem, 2.2vw, 2rem); line-height: 1.35; text-align: center; }
html[data-design="labs"] .theme-modern .ce-testimonial blockquote::before { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-testimonial figcaption { text-align: center; color: var(--slate); }
html[data-design="labs"] .theme-modern .ce-testimonial figcaption strong { color: #fff; }
html[data-design="labs"] .theme-modern .ce-testimonial-dots button { background: rgba(255, 255, 255, .25); }

/* Small labels become bordered chips */
html[data-design="labs"] .theme-modern :is(.page-header-label, .ce-journey-when, .ce-glimpse-colhead, .ce-post-meta, .ce-job-specs) {
    font-family: var(--f-body); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; color: rgba(255, 255, 255, .8);
}
html[data-design="labs"] .theme-modern .page-header-label { display: inline-block; border: 1px solid var(--line); padding: 5px 10px; margin-bottom: 18px; }
html[data-design="labs"] .theme-modern .page-header-label a { color: #fff; }
html[data-design="labs"] .theme-modern .page-header { background: #000; box-shadow: inset 0 -1px 0 var(--line); }
html[data-design="labs"] .theme-modern .page-header::after { display: none; }

/* ------------------------------------------------------------- blog and jobs */
html[data-design="labs"] .theme-modern .ce-post-thumb, html[data-design="labs"] .theme-modern .post-featured img, html[data-design="labs"] .theme-modern .ce-image img, html[data-design="labs"] .theme-modern .ce-video { border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-post-thumb { background: var(--panel); }
html[data-design="labs"] .theme-modern .ce-post-title a, html[data-design="labs"] .theme-modern .ce-job-title a, html[data-design="labs"] .theme-modern .post-nav a { color: #fff; }
html[data-design="labs"] .theme-modern .ce-post-title a:hover, html[data-design="labs"] .theme-modern .ce-job:hover .ce-job-title a { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-post-meta a { color: var(--slate); text-decoration: none; }
html[data-design="labs"] .theme-modern .ce-pagination a { border-color: var(--line); color: #fff; border-radius: 0; }
html[data-design="labs"] .theme-modern .ce-pagination a:hover { border-color: #fff; }
html[data-design="labs"] .theme-modern .ce-pagination .current { background: #fff; border-color: #fff; color: #000; border-radius: 0; }
html[data-design="labs"] .theme-modern .post-tags a { color: var(--slate); border-color: var(--line); border-radius: 0; }
html[data-design="labs"] .theme-modern .post-tags a:hover, html[data-design="labs"] .theme-modern .post-nav a:hover { color: var(--amber); border-color: var(--amber); }
html[data-design="labs"] .theme-modern .post-tags i { color: var(--amber); }
html[data-design="labs"] .theme-modern .ce-jobs { border-bottom-color: var(--line); }
html[data-design="labs"] .theme-modern .ce-job { border-top-color: var(--line); }
html[data-design="labs"] .theme-modern .ce-job-specs i { color: var(--amber); }
html[data-design="labs"] .theme-modern .job-summary :is(dt, dd, h3) { color: #fff; }
html[data-design="labs"] .theme-modern .job-summary dt { color: var(--slate); }
html[data-design="labs"] .theme-modern .job-apply { border-top-color: var(--line); }

/* ------------------------------------------------------------------- forms */
html[data-design="labs"] .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(--glass); border: 1px solid var(--line); border-radius: 0; color: #fff; min-height: 44px;
}
html[data-design="labs"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea, select):focus { border-color: var(--amber); box-shadow: 0 0 0 1px var(--amber); }
html[data-design="labs"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea)::placeholder { color: rgba(255, 255, 255, .4); }
html[data-design="labs"] .theme-modern .ce-form label, html[data-design="labs"] .theme-modern .ce-section form .col-25 label { color: #fff; font-size: 14px; font-weight: 500; }
html[data-design="labs"] .theme-modern .ce-check { color: var(--slate) !important; }
html[data-design="labs"] .theme-modern .ce-form small { color: rgba(255, 255, 255, .5); }
html[data-design="labs"] .theme-modern .ce-form .req, html[data-design="labs"] .theme-modern .field-error { color: #ff8a80; }
html[data-design="labs"] .theme-modern .ce-notice.success { background: rgba(13, 194, 195, .12); color: #9eecec; border-color: rgba(13, 194, 195, .4); }
html[data-design="labs"] .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="labs"] .theme-modern .mx-news { background: var(--panel); border-left: 1px solid var(--line); }
html[data-design="labs"] .theme-modern .mx-news-head h2 { font-family: var(--f-body); font-size: 11.5px; font-weight: 500; letter-spacing: .12em; line-height: 1.2; color: #fff; background: transparent; border: 1px solid var(--line); border-radius: 0; }
html[data-design="labs"] .theme-modern .mx-news-dot { background: var(--amber); box-shadow: none; animation: none; }
html[data-design="labs"] .theme-modern .mx-news-meta { font-size: 11px; letter-spacing: .08em; }
html[data-design="labs"] .theme-modern .mx-news-meta span { color: var(--amber); }
html[data-design="labs"] .theme-modern .mx-news-list li, html[data-design="labs"] .theme-modern .mx-news-head, html[data-design="labs"] .theme-modern .mx-news-foot { border-color: var(--line); }
html[data-design="labs"] .theme-modern .mx-news-list b { font-weight: 500; color: #fff; }
html[data-design="labs"] .theme-modern .mx-news-list a:hover b, html[data-design="labs"] .theme-modern .mx-news-foot:hover { color: var(--amber); }
html[data-design="labs"] .theme-modern .mx-news-foot i { color: var(--amber); }

/* -------------------------------------------------- closing band and footer */
html[data-design="labs"] .mx-closing { background: #000; border-top: 1px solid var(--line); text-align: center; }
html[data-design="labs"] .mx-closing-inner { grid-template-columns: 1fr; justify-items: center; }
html[data-design="labs"] .mx-closing h2 { color: #fff; font-size: clamp(2rem, 3.6vw, 3rem); max-width: 22ch; }
html[data-design="labs"] .mx-closing p { color: var(--slate); }
html[data-design="labs"] .mx-footer { background: #000; box-shadow: inset 0 1px 0 var(--line); }
html[data-design="labs"] .mx-footer :is(h3, .mx-footer-extra h4) { font-family: var(--f-body); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; color: #fff; }
html[data-design="labs"] .mx-footer a:hover { color: var(--amber); }
html[data-design="labs"] .mx-footer-bottom { border-top-color: var(--line); }
html[data-design="labs"] .mx-social a:hover { background: #fff; color: #000; }
html[data-design="labs"] .theme-modern .to-top { background: var(--glass); box-shadow: 0 0 0 1px var(--line); border-radius: 0; }
html[data-design="labs"] .theme-modern .to-top:hover { background: #fff; color: #000; }

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

/* Product pages keep their per-product marks but on black */
html[data-design="labs"] .theme-modern .ce-prod-hero { background: #000; }
html[data-design="labs"] .theme-modern .ce-prod-hero::after { display: none; }
html[data-design="labs"] .theme-modern .ce-glimpse { border-radius: 0; }

@media (max-width: 1180px) {
    html[data-design="labs"] .theme-modern .site-nav { background: #000; }
    html[data-design="labs"] .theme-modern .site-nav .menu > li > a { background: transparent; }
}
@media (max-width: 960px) {
    html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(1.9rem, 7.6vw, 2.6rem); }
    html[data-design="labs"] .theme-modern .mx-hero .mx-lens { --lens-h: 180px; justify-self: center; margin-left: 0; }
}

/* ------------------------------------------------------ 25 Oct review fixes */
/* Menu items are chips, not full-height columns, and keep the menu's own case */
html[data-design="labs"] .theme-modern .site-nav .menu > li { display: flex; align-items: center; }
html[data-design="labs"] .theme-modern .site-nav .menu > li > a,
html[data-design="labs"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a,
html[data-design="labs"] .theme-modern.has-hero .site-header:not(.is-stuck):not(.nav-open) .site-nav .menu > li > a {
    display: inline-flex; align-items: center; height: auto; line-height: 1.2; padding: 9px 12px; margin: 0 3px;
    text-transform: none; letter-spacing: 0; font-size: 13.5px; color: #fff; background: var(--glass); border-radius: 0;
}
html[data-design="labs"] .theme-modern .site-nav .menu > li > a .submenu-caret,
html[data-design="labs"] .theme-modern .site-nav .menu > li > a i { font-size: 11px; }
/* The hero picture: a plain circle with one dotted ring, no filled disc behind it */
html[data-design="labs"] .theme-modern .mx-hero .mx-lens { width: var(--lens-h); height: var(--lens-h); aspect-ratio: 1; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media { background: transparent; border-radius: 50%; overflow: hidden; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media.is-graphic { background-image: none; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens::before { inset: -12px; border: 1px dotted rgba(255, 255, 255, .5); }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens::after { inset: -44px; border: 1px dotted rgba(255, 255, 255, .16); }
/* Display face: Fraunces reads better than a narrow serif on the site's uppercase slide titles */
html[data-design="labs"] .theme-modern { --f-head: 'Fraunces', 'Times New Roman', serif; }
html[data-design="labs"] .theme-modern :is(h1, h2, h3, h4, h5, h6), html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title,
html[data-design="labs"] .theme-modern .page-header .page-title, html[data-design="labs"] .theme-modern .post-title,
html[data-design="labs"] .theme-modern .ce-headline, html[data-design="labs"] .theme-modern .ce-prod-name, html[data-design="labs"] .theme-modern .ce-prod-title,
html[data-design="labs"] .theme-modern .ce-prod-closing h2, html[data-design="labs"] .mx-closing h2, html[data-design="labs"] .theme-modern .ce-feature-title,
html[data-design="labs"] .theme-modern .ce-testimonial blockquote { font-family: 'Fraunces', 'Times New Roman', serif; font-weight: 300; font-variation-settings: "opsz" 144, "SOFT" 0, "WONK" 0; letter-spacing: -.01em; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(2.2rem, 4vw, 3.6rem); letter-spacing: 0; }
/* Interface fragments keep their own colours */
html[data-design="labs"] .theme-modern .ce-glimpse :is(b, strong, a) { color: inherit; }
html[data-design="labs"] .theme-modern .ce-glimpse { background: #fbfbf7; }
/* Graphic slides: the picture fills the circle, no disc behind it */
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media, html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media.is-graphic { background: transparent; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media.is-graphic img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; filter: none; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide:first-child .mx-lens-media { animation: none; }
/* Interface fragments keep their own small labels */
html[data-design="labs"] .theme-modern .ce-glimpse-colhead { color: inherit; font-family: inherit; letter-spacing: inherit; text-transform: inherit; font-size: inherit; font-weight: inherit; }
/* polish.css (loaded last) sets heavy headings and fixed slide-title sizes for every design but CRM; Labs keeps its light serif */
html[data-design="labs"] .theme-modern :is(h1, h2, h3, h4, h5, h6, .mx-hero .ce-slide-title, .page-header .page-title, .ce-prod-name, .ce-prod-title, .ce-headline strong, .ce-headline b, .ce-prod-closing h2),
html[data-design="labs"] .mx-closing h2 { font-weight: 300 !important; }
html[data-design="labs"] .mx-wordmark b { font-weight: 700 !important; }
html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title, html[data-design="labs"] .theme-modern .mx-hero-split > .mx-hero .ce-slide-title { font-size: clamp(2.2rem, 4vw, 3.6rem) !important; }
@media (max-width: 767px) { html[data-design="labs"] .theme-modern .mx-hero .ce-slide-title, html[data-design="labs"] .theme-modern .mx-hero-split > .mx-hero .ce-slide-title { font-size: clamp(1.9rem, 7.6vw, 2.6rem) !important; } }
/* The graphic slide: the picture alone fills the circle; the slide's blended backdrop (set inline) is dropped */
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media.is-graphic { background: transparent !important; }
/* Photo slides keep "cover" sizing (the earlier transparency reset dropped it) */
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media { background-color: transparent; background-size: cover !important; background-position: center !important; background-repeat: no-repeat; }
html[data-design="labs"] .theme-modern .mx-hero .mx-lens-media.is-graphic { background-image: none !important; }