/*
 * CNTS DESIGN SYSTEM
 * Version 2.0.0
 *
 * This stylesheet becomes the canonical presentation layer for CNTS.
 * Page/template-specific CSS should progressively be reduced to structure only.
 *
 * Strategy:
 * 1. Tokens
 * 2. Base typography/layout
 * 3. Reusable components
 * 4. App/dashboard components
 * 5. Compatibility aliases for existing live page classes
 */


/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */

:root {
    --cnts-black: #0b0b0b;
    --cnts-black-deep: #070707;
    --cnts-surface: rgba(16,18,20,.84);
    --cnts-surface-strong: rgba(13,15,17,.92);
    --cnts-surface-soft: rgba(22,24,26,.76);

    --cnts-red: #d71920;
    --cnts-gold: #d6b56d;

    --cnts-heading: #e8e3da;
    --cnts-heading-soft: #d9d3ca;
    --cnts-text: #b9b3aa;
    --cnts-muted: #9d978e;
    --cnts-number: rgba(232,227,218,.38);

    --cnts-border: rgba(255,255,255,.14);
    --cnts-border-strong: rgba(255,255,255,.22);

    --cnts-copy-width: 760px;
    --cnts-wide-width: 1200px;

    --cnts-radius: 0px;
    --cnts-shadow: 0 18px 50px rgba(0,0,0,.20);

    --cnts-space-1: 8px;
    --cnts-space-2: 12px;
    --cnts-space-3: 16px;
    --cnts-space-4: 24px;
    --cnts-space-5: 32px;
    --cnts-space-6: 48px;
    --cnts-space-7: 64px;
    --cnts-space-8: 88px;

    --cnts-fs-body: 1rem;
    --cnts-fs-small: .86rem;
    --cnts-fs-lead: clamp(1.05rem, 1.25vw, 1.18rem);
    --cnts-fs-h3: clamp(1.22rem, 1.75vw, 1.55rem);
    --cnts-fs-h2: clamp(1.9rem, 3vw, 2.75rem);
    --cnts-fs-h1: clamp(2.8rem, 5.4vw, 4.8rem);

    --cnts-line-body: 1.65;
    --cnts-line-heading: 1.08;
}


/* ============================================================
   2. GLOBAL FRONT-END BASE
   ============================================================ */

body.cnts-ui-global,
body.cnts-app-ui {
    color: var(--cnts-text);
    font-size: var(--cnts-fs-body);
    line-height: var(--cnts-line-body);
}

body.cnts-ui-global .entry-content,
body.cnts-app-ui .entry-content {
    color: var(--cnts-text);
}

body.cnts-ui-global h1,
body.cnts-ui-global h2,
body.cnts-ui-global h3,
body.cnts-ui-global h4,
body.cnts-ui-global h5,
body.cnts-ui-global h6,
body.cnts-app-ui h1,
body.cnts-app-ui h2,
body.cnts-app-ui h3,
body.cnts-app-ui h4,
body.cnts-app-ui h5,
body.cnts-app-ui h6 {
    color: var(--cnts-heading);
}

body.cnts-ui-global p,
body.cnts-ui-global li,
body.cnts-app-ui p,
body.cnts-app-ui li {
    color: var(--cnts-text);
}

body.cnts-ui-global a,
body.cnts-app-ui a {
    color: inherit;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, opacity .2s ease;
}

body.cnts-ui-global a:hover,
body.cnts-app-ui a:hover {
    color: var(--cnts-red);
}


/* ============================================================
   3. TYPOGRAPHY SYSTEM
   ============================================================ */

.cnts-type-hero,
.cnts-hero-title,
body.cnts-ui-global .cnts-hero h1,
body.cnts-app-ui .cnts-hero h1 {
    font-size: var(--cnts-fs-h1) !important;
    line-height: var(--cnts-line-heading) !important;
    letter-spacing: -.035em;
    color: var(--cnts-heading) !important;
}

.cnts-type-section,
.cnts-section-heading h2,
.cnts-section h2,
.cnts-panel h2 {
    font-size: var(--cnts-fs-h2) !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em;
    color: var(--cnts-heading) !important;
}

.cnts-type-subsection,
.cnts-card h3,
.cnts-panel h3 {
    font-size: var(--cnts-fs-h3) !important;
    line-height: 1.2 !important;
    color: var(--cnts-heading) !important;
}

.cnts-lead,
.cnts-type-lead {
    max-width: var(--cnts-copy-width);
    font-size: var(--cnts-fs-lead) !important;
    line-height: 1.62 !important;
    color: var(--cnts-text) !important;
}

.cnts-eyebrow,
.cnts-label,
.cnts-small-label {
    color: var(--cnts-gold) !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.cnts-number,
.cnts-card-number {
    color: var(--cnts-number) !important;
    opacity: 1 !important;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1;
}


/* ============================================================
   4. LAYOUT SYSTEM
   ============================================================ */

.cnts-container {
    width: min(100% - 48px, var(--cnts-wide-width));
    margin-inline: auto;
}

.cnts-section,
.cnts-panel {
    position: relative;
    padding: clamp(56px, 7vw, 94px) 0;
    background: transparent !important;
    color: var(--cnts-text);
}

.cnts-section-tight {
    padding: clamp(36px, 5vw, 64px) 0;
}

.cnts-section-dark,
.cnts-section-black,
.cnts-panel-dark,
.cnts-panel-glass {
    background: transparent !important;
    color: var(--cnts-text);
}

.cnts-section-light,
.cnts-panel-light {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-grid {
    display: grid;
    gap: 24px;
}

.cnts-grid-2 {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cnts-grid-3 {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cnts-grid-4 {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


/* ============================================================
   5. CARDS / PANELS
   ============================================================ */

.cnts-card,
.cnts-app-card,
.cnts-dashboard-card,
.cnts-hub-card,
.cnts-management-card,
.cnts-event-card {
    position: relative;
    background: var(--cnts-surface) !important;
    color: var(--cnts-text) !important;
    border: 1px solid var(--cnts-border) !important;
    box-shadow: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cnts-card {
    min-height: 220px;
    padding: 32px;
}

.cnts-card:hover,
.cnts-app-card:hover,
.cnts-dashboard-card:hover,
.cnts-hub-card:hover {
    background: var(--cnts-surface-strong) !important;
    border-color: var(--cnts-border-strong) !important;
}

.cnts-card h3,
.cnts-app-card h3,
.cnts-dashboard-card h3,
.cnts-hub-card h3 {
    color: var(--cnts-heading) !important;
}

.cnts-card p,
.cnts-app-card p,
.cnts-dashboard-card p,
.cnts-hub-card p {
    color: var(--cnts-text) !important;
}


/* ============================================================
   6. BUTTONS
   ============================================================ */

.cnts-btn,
body.cnts-ui-global .button,
body.cnts-app-ui .button,
body.cnts-ui-global button,
body.cnts-app-ui button,
body.cnts-ui-global input[type="submit"],
body.cnts-app-ui input[type="submit"] {
    display: inline-block;
    padding: 12px 18px;
    background: rgba(10,10,10,.90);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 0;
    font-size: .82rem !important;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none !important;
}

.cnts-btn:hover,
body.cnts-ui-global .button:hover,
body.cnts-app-ui .button:hover,
body.cnts-ui-global button:hover,
body.cnts-app-ui button:hover,
body.cnts-ui-global input[type="submit"]:hover,
body.cnts-app-ui input[type="submit"]:hover {
    background: var(--cnts-red);
    border-color: var(--cnts-red);
    color: #fff !important;
}


/* ============================================================
   7. FORMS
   ============================================================ */

.cnts-form,
.wpforms-container {
    color: var(--cnts-text);
}

.cnts-form label,
.wpforms-container label,
.wpforms-container .wpforms-field-label {
    color: var(--cnts-heading) !important;
}

.cnts-form input,
.cnts-form textarea,
.cnts-form select,
.wpforms-container input,
.wpforms-container textarea,
.wpforms-container select {
    background: rgba(8,10,12,.92) !important;
    color: #f2eee7 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: none !important;
}

.cnts-form input:focus,
.cnts-form textarea:focus,
.cnts-form select:focus,
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus {
    outline: none !important;
    border-color: var(--cnts-gold) !important;
    box-shadow: 0 0 0 1px rgba(214,181,109,.35) !important;
}


/* ============================================================
   8. APP / DASHBOARD SURFACES
   ============================================================ */

body.cnts-app-ui {
    background:
        linear-gradient(rgba(6,8,10,.66), rgba(6,8,10,.82)),
        url('https://cnts.life/wp-content/uploads/2026/09/heroride.png')
        center center / cover no-repeat fixed
        !important;
}

body.cnts-app-ui-events,
body.page-id-717 {
    background:
        linear-gradient(rgba(6,8,10,.64), rgba(6,8,10,.82)),
        url('https://cnts.life/wp-content/uploads/2026/09/heroevents.png')
        center center / cover no-repeat fixed
        !important;
}

body.cnts-app-ui #page,
body.cnts-app-ui .site,
body.cnts-app-ui .site-content,
body.cnts-app-ui #content,
body.cnts-app-ui .content-area,
body.cnts-app-ui #primary,
body.cnts-app-ui .site-main,
body.cnts-app-ui .ast-container,
body.cnts-app-ui article,
body.cnts-app-ui .ast-article-single,
body.cnts-app-ui .entry-content,
body.page-id-717 #page,
body.page-id-717 .site,
body.page-id-717 .site-content,
body.page-id-717 #content,
body.page-id-717 .content-area,
body.page-id-717 #primary,
body.page-id-717 .site-main,
body.page-id-717 .ast-container,
body.page-id-717 article,
body.page-id-717 .ast-article-single,
body.page-id-717 .entry-content {
    background: transparent !important;
}


/* ============================================================
   9. COMPATIBILITY LAYER — CURRENT LIVE PAGE CLASSES
   ============================================================ */

/* HOME */

.cnts-home-panel,
.cnts-home-panel-dark,
.cnts-home-panel-light,
.cnts-home-panel-glass {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-home-panel h2,
.cnts-home-section-heading h2,
.cnts-home-community h2 {
    color: var(--cnts-heading) !important;
}

[class^="cnts-home-"][class*="-number"],
[class*=" cnts-home-"][class*="-number"] {
    color: var(--cnts-number) !important;
    opacity: 1 !important;
}


/* MEDIA */

.cnts-media-panel,
.cnts-media-panel-dark,
.cnts-media-panel-light,
.cnts-media-panel-glass {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-media-panel h2,
.cnts-media-section-heading h2,
.cnts-media-watch-intro h2 {
    color: var(--cnts-heading) !important;
}

.cnts-media-format-number {
    color: var(--cnts-number) !important;
    opacity: 1 !important;
}


/* PARTNERS */

.cnts-partners-panel,
.cnts-partners-panel-dark,
.cnts-partners-panel-light,
.cnts-partners-panel-glass,
.cnts-partners-support {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-partners-panel h2,
.cnts-partners-section-head h2,
.cnts-partners-support h2,
.cnts-partners-support h3 {
    color: var(--cnts-heading) !important;
}

.cnts-partners-support p,
.cnts-partners-support li,
.cnts-partners-support span {
    color: var(--cnts-text) !important;
}

.cnts-partners-support article,
.cnts-partners-support .cnts-card,
.cnts-partners-support [class*="card"],
.cnts-partners-support [class*="item"] {
    background: var(--cnts-surface) !important;
    border-color: var(--cnts-border) !important;
    color: var(--cnts-text) !important;
}


/* LIDS OFF */

.cnts-lidsoff-panel,
.cnts-lidsoff-panel-dark,
.cnts-lidsoff-panel-light,
.cnts-lidsoff-panel-glass,
.cnts-lidsoff-question {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-lidsoff-panel h2,
.cnts-lidsoff-question h2 {
    color: var(--cnts-heading) !important;
}

.cnts-lidsoff-story-number,
.cnts-lidsoff-chapter-number {
    color: var(--cnts-number) !important;
    opacity: 1 !important;
}

.cnts-lidsoff-quickfire {
    background: rgba(14,16,18,.72) !important;
    color: var(--cnts-text) !important;
    border-color: var(--cnts-border) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cnts-lidsoff-quickfire > :first-child {
    color: var(--cnts-heading) !important;
    opacity: .92 !important;
}


/* EVENTS */

.cnts-events-note {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-events-note h2 {
    color: var(--cnts-heading) !important;
}


/* LEGACY GENERIC LIGHT SECTIONS */

.cnts-section-light,
.cnts-panel-light,
section[class*="cnts-"][class*="panel-light"],
div[class*="cnts-"][class*="panel-light"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--cnts-text) !important;
}


/* ============================================================
   10. SUGGEST AN EVENT — PAGE 717
   ============================================================ */

body.page-id-717 .entry-title {
    color: var(--cnts-heading) !important;
}

body.page-id-717 .entry-content > *:not(.cnts-page),
body.page-id-717 .wpforms-container,
body.page-id-717 form {
    background: var(--cnts-surface) !important;
    border: 1px solid var(--cnts-border) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

body.page-id-717 .wpforms-container form,
body.page-id-717 form .wpforms-field,
body.page-id-717 form .wpforms-field-container {
    background: transparent !important;
    border: 0 !important;
}


/* ============================================================
   11. RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {
    .cnts-grid-3,
    .cnts-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    :root {
        --cnts-fs-body: .98rem;
        --cnts-fs-lead: 1.05rem;
        --cnts-fs-h3: 1.25rem;
        --cnts-fs-h2: clamp(1.75rem, 8vw, 2.25rem);
        --cnts-fs-h1: clamp(2.35rem, 11vw, 3.6rem);
    }

    .cnts-container {
        width: min(100% - 32px, var(--cnts-wide-width));
    }

    .cnts-grid-2,
    .cnts-grid-3,
    .cnts-grid-4 {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.cnts-app-ui,
    body.cnts-app-ui-events,
    body.page-id-717 {
        background-attachment: scroll !important;
    }
}


/* ============================================================
   12. HOME — CANONICAL MIGRATION
   v2.1.0
   ============================================================

   The Home page now uses the shared CNTS design-system classes for
   ordinary sections, headings, grids, cards, labels, numbers and buttons.
   Only truly Home-specific cinematic moments remain home-prefixed.
   ============================================================ */


/* PAGE WORLD */

.cnts-home {
    position: relative;
    min-height: 100vh;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(0,0,0,.28),
            rgba(0,0,0,.46)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-home-bg-01.png.png')
        center center / cover no-repeat fixed;

    color: var(--cnts-text);
}


/* HERO */

.cnts-home-hero {
    position: relative;
    min-height: 88vh;

    display: flex;
    align-items: flex-end;
}

.cnts-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.58) 45%,
            rgba(0,0,0,.14) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.22) 55%,
            rgba(0,0,0,.72) 100%
        );

    pointer-events: none;
}

.cnts-home-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 150px;
    padding-bottom: 110px;
}

.cnts-home-hero .cnts-kicker {
    margin-bottom: 24px;

    color: rgba(255,255,255,.62) !important;

    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cnts-home-hero h1 {
    max-width: 1000px;
    margin: 0;

    font-size: clamp(4rem, 9vw, 8.5rem) !important;
    line-height: .88 !important;
    letter-spacing: -.055em;

    color: #fff !important;
}

.cnts-home-hero-line {
    max-width: 760px;
    margin: 32px 0 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.6rem, 3vw, 2.7rem);
    line-height: 1.15;
    font-weight: 700;
}

.cnts-home-hero-copy {
    max-width: 690px;
    margin: 24px 0 0;

    color: rgba(255,255,255,.74) !important;

    font-size: 1.05rem;
    line-height: 1.8;
}

.cnts-home-hero .cnts-buttons {
    margin-top: 38px;
}

.cnts-home-scroll {
    position: absolute;
    z-index: 3;
    right: 34px;
    bottom: 28px;

    color: rgba(255,255,255,.52);

    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
}


/* NARROW COPY */

.cnts-copy-narrow {
    max-width: 900px;
}


/* IMAGE WINDOW */

.cnts-home-window {
    min-height: 500px;

    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.04),
            rgba(0,0,0,.58)
        );
}

.cnts-home-window .cnts-container {
    width: 100%;
}

.cnts-home-window-copy {
    padding: 80px 0;
}

.cnts-home-window-copy span {
    display: inline-block;

    color: #fff;

    font-size: clamp(2.7rem, 6vw, 6rem);
    line-height: .92;
    font-weight: 900;
    letter-spacing: -.045em;
}


/* SECTION HEADING SPLIT */

.cnts-section-heading-split {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;
    margin-bottom: 48px;
}

.cnts-section-heading-split > p {
    max-width: 330px;
    margin: 0;

    color: var(--cnts-muted) !important;
    line-height: 1.65;
}


/* FEATURE CARDS */

.cnts-home-feature-grid {
    gap: 1px;

    background: var(--cnts-border);
    border: 1px solid var(--cnts-border);
}

.cnts-home-feature-card {
    min-height: 420px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 32px;

    background: rgba(8,8,8,.66) !important;

    color: var(--cnts-heading) !important;
    text-decoration: none !important;

    transition:
        background .25s ease,
        transform .25s ease;
}

.cnts-home-feature-card:hover {
    background: rgba(22,22,22,.86) !important;
}

.cnts-home-feature-card .cnts-number {
    font-size: 3.6rem;
}

.cnts-home-feature-card .cnts-label {
    margin-bottom: 12px;

    color: var(--cnts-red) !important;
}

.cnts-home-feature-card h3 {
    margin: 0 0 18px;
}

.cnts-home-feature-card p {
    min-height: 95px;

    color: var(--cnts-text) !important;
}

.cnts-home-feature-link {
    color: var(--cnts-heading) !important;
    font-weight: 900;
}


/* FOUR LETTERS */

.cnts-home-four {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));

    max-width: 1000px;
    margin: 55px auto 0;

    border-top: 1px solid var(--cnts-border);
    border-bottom: 1px solid var(--cnts-border);
}

.cnts-home-four-item {
    padding: 40px 20px;

    border-right: 1px solid var(--cnts-border);
}

.cnts-home-four-item:last-child {
    border-right: 0;
}

.cnts-home-four-item strong {
    display: block;

    color: var(--cnts-red);

    font-size: clamp(3rem, 6vw, 5rem);
    line-height: 1;
}

.cnts-home-four-item span {
    display: block;
    margin-top: 10px;

    color: var(--cnts-heading);

    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cnts-home-statement {
    margin-top: 58px;

    color: var(--cnts-heading);

    font-size: clamp(1.6rem, 3.2vw, 3rem);
    line-height: 1.12;
    font-weight: 900;
}

.cnts-home-statement span {
    color: var(--cnts-red);
}


/* LIDS OFF FEATURE */

.cnts-home-lidsoff {
    position: relative;
    min-height: 650px;

    display: flex;
    align-items: center;

    background:
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-lidsoff-bg-01.png.png')
        center center / cover no-repeat;
}

.cnts-home-lidsoff::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.91),
            rgba(0,0,0,.66) 48%,
            rgba(0,0,0,.18)
        );
}

.cnts-home-lidsoff-inner {
    position: relative;
    z-index: 2;

    max-width: 820px;
}

.cnts-home-lidsoff .cnts-number {
    margin: 20px 0 -10px;

    font-size: clamp(4rem, 9vw, 8rem);
    line-height: .85;
}

.cnts-home-lidsoff h2 {
    margin: 0;

    color: #fff !important;

    font-size: clamp(4rem, 9vw, 8rem) !important;
    line-height: .88 !important;
    letter-spacing: -.05em;
}

.cnts-home-lidsoff-line {
    margin: 26px 0 18px;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.5rem, 3vw, 2.5rem);
    font-weight: 700;
}

.cnts-home-lidsoff-inner > p:last-of-type {
    max-width: 650px;

    color: var(--cnts-text) !important;
}


/* COMMUNITY */

.cnts-home-community {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 90px;
    align-items: center;
}

.cnts-home-community-copy {
    max-width: 660px;
}

.cnts-home-community-punch {
    margin: 26px 0 0;

    color: #fff !important;

    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1;
    font-weight: 900;
}


/* ROAD BREAK */

.cnts-home-road-break {
    min-height: 520px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.18)
        );
}

.cnts-home-road-line {
    color: #fff;

    font-size: clamp(3rem, 7vw, 7rem);
    line-height: .88;
    font-weight: 900;
    letter-spacing: -.045em;
}

.cnts-home-road-line-muted {
    color: rgba(232,227,218,.34);
}


/* SOCIAL */

.cnts-home-social-grid {
    border-top: 1px solid var(--cnts-border);
}

.cnts-home-social {
    display: grid;
    grid-template-columns: 75px 1fr 50px;
    gap: 26px;
    align-items: center;

    padding: 29px 5px;

    border-bottom: 1px solid var(--cnts-border);

    color: var(--cnts-heading) !important;
    text-decoration: none !important;

    transition: padding .2s ease;
}

.cnts-home-social:hover {
    padding-left: 15px;
}

.cnts-home-social-letter {
    color: var(--cnts-red);

    font-size: 2.2rem;
    font-weight: 900;
}

.cnts-home-social h3 {
    margin: 0 0 5px;
}

.cnts-home-social p {
    margin: 0;

    color: var(--cnts-muted) !important;
}

.cnts-home-social strong {
    font-size: 1.7rem;
    text-align: right;
}


/* FINAL */

.cnts-home-final {
    position: relative;
    min-height: 640px;

    display: flex;
    align-items: center;
    text-align: center;
}

.cnts-home-final::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(0,0,0,.56),
            rgba(0,0,0,.84)
        );
}

.cnts-home-final-inner {
    position: relative;
    z-index: 2;
}

.cnts-home-final h2 {
    margin: 15px auto 24px;

    color: #fff !important;

    font-size: clamp(3.2rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.05em;
}

.cnts-home-final p {
    margin: 0 auto;

    color: var(--cnts-text) !important;

    font-size: 1.2rem;
}

.cnts-home-final .cnts-buttons {
    justify-content: center;
    margin-top: 36px;
}


/* HOME RESPONSIVE */

@media (max-width: 980px) {

    .cnts-home {
        background-attachment: scroll;
    }

    .cnts-home-four {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .cnts-home-four-item:nth-child(2) {
        border-right: 0;
    }

    .cnts-home-four-item:nth-child(-n+2) {
        border-bottom: 1px solid var(--cnts-border);
    }

    .cnts-home-community {
        grid-template-columns: 1fr;
        gap: 35px;
    }

}

@media (max-width: 700px) {

    .cnts-home-hero {
        min-height: 78vh;
    }

    .cnts-home-hero-inner {
        padding-top: 110px;
        padding-bottom: 80px;
    }

    .cnts-home-scroll {
        display: none;
    }

    .cnts-home-window {
        min-height: 400px;
    }

    .cnts-section-heading-split {
        flex-direction: column;
        align-items: flex-start;
    }

    .cnts-home-lidsoff {
        min-height: 580px;
    }

    .cnts-home-road-break {
        min-height: 420px;
    }

    .cnts-home-social {
        grid-template-columns: 45px 1fr 25px;
        gap: 16px;
    }

    .cnts-home-final {
        min-height: 540px;
    }

}


/* ============================================================
   13. HOME HERO POSITIONING REFINEMENT
   v2.1.1
   ============================================================

   The migrated Home hero inherited a large lower alignment gap because
   the hero used align-items:flex-end plus generous vertical padding.
   This tightens the space between the site header and the hero title on
   desktop, tablet and mobile while preserving the full cinematic image.
   ============================================================ */

.cnts-home-hero {
    min-height: clamp(620px, 76vh, 820px);
    align-items: center;
}

.cnts-home-hero-inner {
    padding-top: clamp(56px, 7vw, 92px);
    padding-bottom: clamp(56px, 7vw, 92px);
}

.cnts-home-hero h1 {
    margin-top: 0;
}

@media (max-width: 980px) {

    .cnts-home-hero {
        min-height: clamp(560px, 72vh, 720px);
    }

    .cnts-home-hero-inner {
        padding-top: 54px;
        padding-bottom: 54px;
    }

}

@media (max-width: 700px) {

    .cnts-home-hero {
        min-height: 66vh;
        align-items: center;
    }

    .cnts-home-hero-inner {
        padding-top: 38px;
        padding-bottom: 44px;
    }

}


/* ============================================================
   14. MEDIA — CANONICAL MIGRATION
   v2.2.0
   ============================================================

   Media now uses the shared design-system classes for ordinary sections,
   headings, grids, cards, labels, numbers and buttons. Only genuinely
   Media-specific cinematic layouts remain media-prefixed.
   ============================================================ */


/* PAGE WORLD */

.cnts-media {
    position: relative;
    min-height: 100vh;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(0,0,0,.28),
            rgba(0,0,0,.48)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-media-bg-01.png.png')
        center center / cover no-repeat fixed;

    color: var(--cnts-text);
}


/* HERO */

.cnts-media-hero {
    position: relative;
    min-height: clamp(620px, 76vh, 820px);

    display: flex;
    align-items: center;
}

.cnts-media-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.90) 0%,
            rgba(0,0,0,.60) 44%,
            rgba(0,0,0,.16) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,.72)
        );

    pointer-events: none;
}

.cnts-media-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: clamp(56px, 7vw, 92px);
    padding-bottom: clamp(56px, 7vw, 92px);
}

.cnts-media-hero .cnts-kicker {
    margin-bottom: 24px;

    color: rgba(255,255,255,.62) !important;

    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cnts-media-hero h1 {
    max-width: 1000px;
    margin: 0;

    font-size: clamp(4.5rem, 10vw, 9rem) !important;
    line-height: .86 !important;
    letter-spacing: -.055em;

    color: #fff !important;
}

.cnts-media-hero-line {
    max-width: 760px;
    margin: 32px 0 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.6rem, 3vw, 2.7rem);
    line-height: 1.15;
    font-weight: 700;
}

.cnts-media-hero-copy {
    max-width: 700px;
    margin: 24px 0 0;

    color: rgba(255,255,255,.72) !important;

    font-size: 1.05rem;
    line-height: 1.8;
}

.cnts-media-hero .cnts-buttons {
    margin-top: 38px;
}

.cnts-media-scroll {
    position: absolute;
    z-index: 3;
    right: 34px;
    bottom: 28px;

    color: rgba(255,255,255,.52);

    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
}


/* IMAGE WINDOW */

.cnts-media-window {
    min-height: 500px;

    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,.62)
        );
}

.cnts-media-window .cnts-container {
    width: 100%;
}

.cnts-media-window-copy {
    padding: 80px 0;
}

.cnts-media-window-copy span {
    display: inline-block;

    color: #fff;

    font-size: clamp(2.7rem, 6vw, 6rem);
    line-height: .92;
    font-weight: 900;
    letter-spacing: -.045em;
}


/* FORMAT CARDS */

.cnts-media-format-grid {
    gap: 1px;

    background: var(--cnts-border);
    border: 1px solid var(--cnts-border);
}

.cnts-media-format-card {
    min-height: 390px;

    display: flex;
    flex-direction: column;

    padding: 32px;

    background: rgba(8,8,8,.66) !important;
}

.cnts-media-format-card .cnts-number {
    margin-bottom: auto;

    font-size: 3.5rem;
}

.cnts-media-format-card .cnts-label {
    margin: 35px 0 11px;

    color: var(--cnts-red) !important;
}

.cnts-media-format-card h3 {
    margin: 0 0 15px;
}

.cnts-media-format-card p {
    color: var(--cnts-text) !important;
}

.cnts-media-format-card a {
    margin-top: auto;

    color: var(--cnts-heading) !important;
    font-weight: 900;
}


/* WHERE TO WATCH */

.cnts-media-watch-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;

    gap: 90px;
}

.cnts-media-watch-intro h2 {
    max-width: 600px;
}

.cnts-media-channel-list {
    border-top: 1px solid var(--cnts-border);
}

.cnts-media-channel {
    display: grid;
    grid-template-columns: 65px 1fr 35px;

    gap: 25px;
    align-items: center;

    padding: 32px 4px;

    border-bottom: 1px solid var(--cnts-border);

    color: var(--cnts-heading) !important;
    text-decoration: none !important;
}

.cnts-media-channel-letter {
    color: var(--cnts-red);

    font-size: 2.5rem;
    font-weight: 900;
}

.cnts-media-channel .cnts-label {
    margin-bottom: 6px;

    color: var(--cnts-muted) !important;
}

.cnts-media-channel h3 {
    margin: 0 0 9px;
}

.cnts-media-channel p {
    margin: 0;

    color: var(--cnts-text) !important;
}

.cnts-media-channel strong {
    text-align: right;
    font-size: 1.5rem;
}


/* CREATIVE BREAK */

.cnts-media-break {
    min-height: 600px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.82),
            rgba(0,0,0,.24)
        );
}

.cnts-media-break .cnts-label {
    margin-bottom: 20px;

    color: var(--cnts-muted) !important;
}

.cnts-media-break h2 {
    max-width: 1000px;
    margin: 0;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.045em;
}


/* PARTNERS */

.cnts-media-partner-intro {
    max-width: 840px;
    margin-bottom: 55px;
}

.cnts-media-partner-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));

    gap: 26px;
}

.cnts-media-partner-type {
    padding: 30px 0;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-partner-type .cnts-label {
    display: block;
    margin-bottom: 25px;

    color: var(--cnts-red) !important;
}

.cnts-media-partner-type h3 {
    margin: 0 0 13px;
}

.cnts-media-partner-type p {
    color: var(--cnts-text) !important;
}

.cnts-media-partner-cta {
    margin-top: 70px;
    padding-top: 45px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 45px;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-partner-cta h3 {
    margin: 10px 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.8rem, 3vw, 3rem) !important;
}

.cnts-media-partner-cta p {
    margin: 0;

    color: var(--cnts-text) !important;
}


/* VALUES */

.cnts-media-values {
    margin-top: 55px;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-value {
    display: grid;
    grid-template-columns: 75px 1fr;

    gap: 28px;

    padding: 30px 0;

    border-bottom: 1px solid var(--cnts-border);
}

.cnts-media-value .cnts-number {
    font-size: .9rem;
    letter-spacing: .13em;

    color: var(--cnts-red) !important;
}

.cnts-media-value h3 {
    margin: 0 0 8px;
}

.cnts-media-value p {
    max-width: 720px;
    margin: 0;
}


/* SECOND WINDOW */

.cnts-media-second-window {
    min-height: 520px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.20)
        );
}

.cnts-media-second-window .cnts-label {
    margin-bottom: 18px;

    color: var(--cnts-muted) !important;
}

.cnts-media-second-window h2 {
    margin: 0;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.045em;
}


/* SOCIAL */

.cnts-media-social-list {
    border-top: 1px solid var(--cnts-border);
}

.cnts-media-social {
    display: grid;
    grid-template-columns: 75px 1fr 40px;

    gap: 26px;
    align-items: center;

    padding: 29px 5px;

    border-bottom: 1px solid var(--cnts-border);

    color: var(--cnts-heading) !important;
    text-decoration: none !important;

    transition: padding .2s ease;
}

.cnts-media-social:hover {
    padding-left: 15px;
}

.cnts-media-social-letter {
    color: var(--cnts-red);

    font-size: 2.2rem;
    font-weight: 900;
}

.cnts-media-social h3 {
    margin: 0 0 5px;
}

.cnts-media-social p {
    margin: 0;

    color: var(--cnts-muted) !important;
}

.cnts-media-social strong {
    text-align: right;
}


/* FINAL */

.cnts-media-final {
    position: relative;
    min-height: 640px;

    display: flex;
    align-items: center;

    text-align: center;
}

.cnts-media-final::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(0,0,0,.50),
            rgba(0,0,0,.86)
        );
}

.cnts-media-final-inner {
    position: relative;
    z-index: 2;
}

.cnts-media-final h2 {
    margin: 15px auto 24px;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.05em;
}

.cnts-media-final p {
    margin: 0 auto;

    color: var(--cnts-text) !important;

    font-size: 1.15rem;
}

.cnts-media-final .cnts-buttons {
    justify-content: center;
    margin-top: 36px;
}


/* MEDIA RESPONSIVE */

@media (max-width: 980px) {

    .cnts-media {
        background-attachment: scroll;
    }

    .cnts-media-watch-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .cnts-media-partner-types {
        grid-template-columns: 1fr;
    }

    .cnts-media-partner-cta {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media (max-width: 700px) {

    .cnts-media-hero {
        min-height: 66vh;
    }

    .cnts-media-hero-inner {
        padding-top: 38px;
        padding-bottom: 44px;
    }

    .cnts-media-scroll {
        display: none;
    }

    .cnts-media-window,
    .cnts-media-second-window {
        min-height: 400px;
    }

    .cnts-media-break {
        min-height: 500px;
    }

    .cnts-media-channel,
    .cnts-media-social {
        grid-template-columns: 45px 1fr 25px;
        gap: 16px;
    }

    .cnts-media-value {
        grid-template-columns: 45px 1fr;
    }

    .cnts-media-final {
        min-height: 540px;
    }

}


/* ============================================================
   15. MEDIA VISUAL EXPRESSION PASS
   v2.2.1
   ============================================================

   Restores visual rhythm after the canonical migration:
   - stronger section separation
   - richer glass/deep surfaces
   - bolder hero and editorial scale
   - proper platform rows
   - stronger image-break moments
   - more deliberate spacing
   ============================================================ */


/* HERO — restore stronger editorial presence */

.cnts-media-hero {
    min-height: clamp(680px, 82vh, 900px);
}

.cnts-media-hero-inner {
    max-width: 980px;
}

.cnts-media-hero h1 {
    font-size: clamp(5.2rem, 10vw, 9.5rem) !important;
}

.cnts-media-hero-line {
    max-width: 700px;
    font-size: clamp(1.75rem, 3.2vw, 2.9rem);
}

.cnts-media-hero-copy {
    max-width: 720px;
}


/* GENERAL MEDIA CHAPTER SPACING */

.cnts-media > .cnts-section {
    padding-top: clamp(78px, 8vw, 120px);
    padding-bottom: clamp(78px, 8vw, 120px);
}

.cnts-media > .cnts-section + .cnts-section {
    border-top: 1px solid rgba(255,255,255,.06);
}


/* RICH GLASS SURFACE */

.cnts-media .cnts-panel-glass {
    background:
        linear-gradient(
            180deg,
            rgba(10,12,14,.74),
            rgba(10,12,14,.82)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}


/* DARK CHAPTER SURFACE */

.cnts-media .cnts-section-dark {
    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.70),
            rgba(7,9,11,.84)
        ) !important;
}


/* INTRO — make it feel intentional, not like ordinary copy */

.cnts-media > .cnts-section:first-of-type {
    background:
        linear-gradient(
            180deg,
            rgba(15,16,18,.58),
            rgba(15,16,18,.72)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-media > .cnts-section:first-of-type h2 {
    max-width: 900px;
    font-size: clamp(2.7rem, 5vw, 4.9rem) !important;
}


/* SECTION TITLES */

.cnts-media .cnts-section-heading h2,
.cnts-media-watch-intro h2 {
    font-size: clamp(2.5rem, 4.8vw, 4.6rem) !important;
    line-height: .98 !important;
}


/* FORMAT CARDS — more premium, less generic */

.cnts-media-format-grid {
    gap: 16px;
    background: transparent;
    border: 0;
}

.cnts-media-format-card {
    min-height: 360px;
    padding: 30px;

    background:
        linear-gradient(
            180deg,
            rgba(18,20,22,.90),
            rgba(12,14,16,.86)
        ) !important;

    border: 1px solid rgba(255,255,255,.13) !important;
}

.cnts-media-format-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,255,255,.22) !important;
}

.cnts-media-format-card .cnts-number {
    color: rgba(232,227,218,.42) !important;
}

.cnts-media-format-card h3 {
    font-size: 1.55rem !important;
}

.cnts-media-format-card p {
    max-width: 32ch;
}


/* WHERE TO WATCH — restore two-column editorial composition */

.cnts-media-watch-grid {
    align-items: start;
}

.cnts-media-watch-intro {
    position: sticky;
    top: 120px;
}

.cnts-media-channel-list {
    border-top: 0;
}

.cnts-media-channel {
    min-height: 150px;
    padding: 28px 18px;

    background:
        linear-gradient(
            180deg,
            rgba(20,22,24,.82),
            rgba(12,14,16,.76)
        );

    border: 1px solid rgba(255,255,255,.12);
    margin-bottom: 16px;

    text-decoration: none !important;
}

.cnts-media-channel:hover {
    background:
        linear-gradient(
            180deg,
            rgba(28,30,32,.90),
            rgba(16,18,20,.86)
        );
}

.cnts-media-channel-letter {
    font-size: 2.8rem;
}

.cnts-media-channel .cnts-label {
    color: var(--cnts-gold) !important;
}

.cnts-media-channel h3 {
    font-size: 1.45rem !important;
}

.cnts-media-channel p {
    max-width: 560px;
}


/* CREATIVE BREAK — stronger chapter change */

.cnts-media-break {
    min-height: 680px;
    position: relative;
    isolation: isolate;
}

.cnts-media-break::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.56) 46%,
            rgba(0,0,0,.18) 100%
        );
}

.cnts-media-break h2 {
    max-width: 1050px;
    font-size: clamp(3.5rem, 7vw, 7.4rem) !important;
}


/* PARTNERS — give it a proper chapter identity */

.cnts-media-partner-intro {
    max-width: 900px;
}

.cnts-media-partner-types {
    gap: 18px;
}

.cnts-media-partner-type {
    min-height: 230px;
    padding: 28px;

    background:
        rgba(16,18,20,.76);

    border: 1px solid rgba(255,255,255,.12);
}

.cnts-media-partner-cta {
    padding: 34px;

    background:
        linear-gradient(
            180deg,
            rgba(20,22,24,.84),
            rgba(12,14,16,.80)
        );

    border: 1px solid rgba(255,255,255,.12);
}


/* APPROACH — stronger layout, not a plain list */

.cnts-media-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;

    margin-top: 48px;
    border-top: 0;
}

.cnts-media-value {
    display: block;
    padding: 28px;

    background:
        rgba(16,18,20,.74);

    border: 1px solid rgba(255,255,255,.12);
}

.cnts-media-value .cnts-number {
    display: block;
    margin-bottom: 22px;

    font-size: 2.3rem;
    color: rgba(232,227,218,.36) !important;
}


/* SECOND WINDOW */

.cnts-media-second-window {
    min-height: 620px;
    position: relative;
    isolation: isolate;
}

.cnts-media-second-window::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.82),
            rgba(0,0,0,.24)
        );
}


/* SOCIAL — make rows read like deliberate navigation */

.cnts-media-social-list {
    border-top: 0;
}

.cnts-media-social {
    min-height: 110px;
    padding: 24px 18px;

    background:
        rgba(14,16,18,.72);

    border: 1px solid rgba(255,255,255,.11);
    margin-bottom: 12px;
}

.cnts-media-social:hover {
    padding-left: 28px;
    background: rgba(22,24,26,.84);
}


/* FINAL */

.cnts-media-final {
    min-height: 700px;
}

.cnts-media-final h2 {
    font-size: clamp(3.6rem, 7vw, 7.3rem) !important;
}


/* TABLET / MOBILE */

@media (max-width: 980px) {

    .cnts-media-watch-intro {
        position: static;
    }

    .cnts-media-values {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 700px) {

    .cnts-media-hero {
        min-height: 72vh;
    }

    .cnts-media > .cnts-section {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .cnts-media-format-grid {
        gap: 14px;
    }

    .cnts-media-format-card {
        min-height: 280px;
    }

    .cnts-media-channel {
        min-height: 0;
        padding: 22px 14px;
    }

    .cnts-media-break {
        min-height: 520px;
    }

    .cnts-media-partner-type {
        min-height: 0;
    }

    .cnts-media-partner-cta {
        padding: 26px;
    }

    .cnts-media-second-window {
        min-height: 480px;
    }

    .cnts-media-final {
        min-height: 560px;
    }

}


/* ============================================================
   14. MEDIA — CANONICAL MIGRATION
   v2.2.0
   ============================================================

   Media now uses the shared design-system classes for ordinary sections,
   headings, grids, cards, labels, numbers and buttons. Only genuinely
   Media-specific cinematic layouts remain media-prefixed.
   ============================================================ */


/* PAGE WORLD */

.cnts-media {
    position: relative;
    min-height: 100vh;
    overflow: hidden;

    background:
        linear-gradient(
            rgba(0,0,0,.28),
            rgba(0,0,0,.48)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-media-bg-01.png.png')
        center center / cover no-repeat fixed;

    color: var(--cnts-text);
}


/* HERO */

.cnts-media-hero {
    position: relative;
    min-height: clamp(620px, 76vh, 820px);

    display: flex;
    align-items: center;
}

.cnts-media-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.90) 0%,
            rgba(0,0,0,.60) 44%,
            rgba(0,0,0,.16) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,.72)
        );

    pointer-events: none;
}

.cnts-media-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: clamp(56px, 7vw, 92px);
    padding-bottom: clamp(56px, 7vw, 92px);
}

.cnts-media-hero .cnts-kicker {
    margin-bottom: 24px;

    color: rgba(255,255,255,.62) !important;

    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cnts-media-hero h1 {
    max-width: 1000px;
    margin: 0;

    font-size: clamp(4.5rem, 10vw, 9rem) !important;
    line-height: .86 !important;
    letter-spacing: -.055em;

    color: #fff !important;
}

.cnts-media-hero-line {
    max-width: 760px;
    margin: 32px 0 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.6rem, 3vw, 2.7rem);
    line-height: 1.15;
    font-weight: 700;
}

.cnts-media-hero-copy {
    max-width: 700px;
    margin: 24px 0 0;

    color: rgba(255,255,255,.72) !important;

    font-size: 1.05rem;
    line-height: 1.8;
}

.cnts-media-hero .cnts-buttons {
    margin-top: 38px;
}

.cnts-media-scroll {
    position: absolute;
    z-index: 3;
    right: 34px;
    bottom: 28px;

    color: rgba(255,255,255,.52);

    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
}


/* IMAGE WINDOW */

.cnts-media-window {
    min-height: 500px;

    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            rgba(0,0,0,.62)
        );
}

.cnts-media-window .cnts-container {
    width: 100%;
}

.cnts-media-window-copy {
    padding: 80px 0;
}

.cnts-media-window-copy span {
    display: inline-block;

    color: #fff;

    font-size: clamp(2.7rem, 6vw, 6rem);
    line-height: .92;
    font-weight: 900;
    letter-spacing: -.045em;
}


/* FORMAT CARDS */

.cnts-media-format-grid {
    gap: 1px;

    background: var(--cnts-border);
    border: 1px solid var(--cnts-border);
}

.cnts-media-format-card {
    min-height: 390px;

    display: flex;
    flex-direction: column;

    padding: 32px;

    background: rgba(8,8,8,.66) !important;
}

.cnts-media-format-card .cnts-number {
    margin-bottom: auto;

    font-size: 3.5rem;
}

.cnts-media-format-card .cnts-label {
    margin: 35px 0 11px;

    color: var(--cnts-red) !important;
}

.cnts-media-format-card h3 {
    margin: 0 0 15px;
}

.cnts-media-format-card p {
    color: var(--cnts-text) !important;
}

.cnts-media-format-card a {
    margin-top: auto;

    color: var(--cnts-heading) !important;
    font-weight: 900;
}


/* WHERE TO WATCH */

.cnts-media-watch-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;

    gap: 90px;
}

.cnts-media-watch-intro h2 {
    max-width: 600px;
}

.cnts-media-channel-list {
    border-top: 1px solid var(--cnts-border);
}

.cnts-media-channel {
    display: grid;
    grid-template-columns: 65px 1fr 35px;

    gap: 25px;
    align-items: center;

    padding: 32px 4px;

    border-bottom: 1px solid var(--cnts-border);

    color: var(--cnts-heading) !important;
    text-decoration: none !important;
}

.cnts-media-channel-letter {
    color: var(--cnts-red);

    font-size: 2.5rem;
    font-weight: 900;
}

.cnts-media-channel .cnts-label {
    margin-bottom: 6px;

    color: var(--cnts-muted) !important;
}

.cnts-media-channel h3 {
    margin: 0 0 9px;
}

.cnts-media-channel p {
    margin: 0;

    color: var(--cnts-text) !important;
}

.cnts-media-channel strong {
    text-align: right;
    font-size: 1.5rem;
}


/* CREATIVE BREAK */

.cnts-media-break {
    min-height: 600px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.82),
            rgba(0,0,0,.24)
        );
}

.cnts-media-break .cnts-label {
    margin-bottom: 20px;

    color: var(--cnts-muted) !important;
}

.cnts-media-break h2 {
    max-width: 1000px;
    margin: 0;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.045em;
}


/* PARTNERS */

.cnts-media-partner-intro {
    max-width: 840px;
    margin-bottom: 55px;
}

.cnts-media-partner-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));

    gap: 26px;
}

.cnts-media-partner-type {
    padding: 30px 0;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-partner-type .cnts-label {
    display: block;
    margin-bottom: 25px;

    color: var(--cnts-red) !important;
}

.cnts-media-partner-type h3 {
    margin: 0 0 13px;
}

.cnts-media-partner-type p {
    color: var(--cnts-text) !important;
}

.cnts-media-partner-cta {
    margin-top: 70px;
    padding-top: 45px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 45px;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-partner-cta h3 {
    margin: 10px 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.8rem, 3vw, 3rem) !important;
}

.cnts-media-partner-cta p {
    margin: 0;

    color: var(--cnts-text) !important;
}


/* VALUES */

.cnts-media-values {
    margin-top: 55px;

    border-top: 1px solid var(--cnts-border);
}

.cnts-media-value {
    display: grid;
    grid-template-columns: 75px 1fr;

    gap: 28px;

    padding: 30px 0;

    border-bottom: 1px solid var(--cnts-border);
}

.cnts-media-value .cnts-number {
    font-size: .9rem;
    letter-spacing: .13em;

    color: var(--cnts-red) !important;
}

.cnts-media-value h3 {
    margin: 0 0 8px;
}

.cnts-media-value p {
    max-width: 720px;
    margin: 0;
}


/* SECOND WINDOW */

.cnts-media-second-window {
    min-height: 520px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.78),
            rgba(0,0,0,.20)
        );
}

.cnts-media-second-window .cnts-label {
    margin-bottom: 18px;

    color: var(--cnts-muted) !important;
}

.cnts-media-second-window h2 {
    margin: 0;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.045em;
}


/* SOCIAL */

.cnts-media-social-list {
    border-top: 1px solid var(--cnts-border);
}

.cnts-media-social {
    display: grid;
    grid-template-columns: 75px 1fr 40px;

    gap: 26px;
    align-items: center;

    padding: 29px 5px;

    border-bottom: 1px solid var(--cnts-border);

    color: var(--cnts-heading) !important;
    text-decoration: none !important;

    transition: padding .2s ease;
}

.cnts-media-social:hover {
    padding-left: 15px;
}

.cnts-media-social-letter {
    color: var(--cnts-red);

    font-size: 2.2rem;
    font-weight: 900;
}

.cnts-media-social h3 {
    margin: 0 0 5px;
}

.cnts-media-social p {
    margin: 0;

    color: var(--cnts-muted) !important;
}

.cnts-media-social strong {
    text-align: right;
}


/* FINAL */

.cnts-media-final {
    position: relative;
    min-height: 640px;

    display: flex;
    align-items: center;

    text-align: center;
}

.cnts-media-final::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(0,0,0,.50),
            rgba(0,0,0,.86)
        );
}

.cnts-media-final-inner {
    position: relative;
    z-index: 2;
}

.cnts-media-final h2 {
    margin: 15px auto 24px;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.05em;
}

.cnts-media-final p {
    margin: 0 auto;

    color: var(--cnts-text) !important;

    font-size: 1.15rem;
}

.cnts-media-final .cnts-buttons {
    justify-content: center;
    margin-top: 36px;
}


/* MEDIA RESPONSIVE */

@media (max-width: 980px) {

    .cnts-media {
        background-attachment: scroll;
    }

    .cnts-media-watch-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .cnts-media-partner-types {
        grid-template-columns: 1fr;
    }

    .cnts-media-partner-cta {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media (max-width: 700px) {

    .cnts-media-hero {
        min-height: 66vh;
    }

    .cnts-media-hero-inner {
        padding-top: 38px;
        padding-bottom: 44px;
    }

    .cnts-media-scroll {
        display: none;
    }

    .cnts-media-window,
    .cnts-media-second-window {
        min-height: 400px;
    }

    .cnts-media-break {
        min-height: 500px;
    }

    .cnts-media-channel,
    .cnts-media-social {
        grid-template-columns: 45px 1fr 25px;
        gap: 16px;
    }

    .cnts-media-value {
        grid-template-columns: 45px 1fr;
    }

    .cnts-media-final {
        min-height: 540px;
    }

}


/* ============================================================
   16. PARTNERS — CANONICAL MIGRATION
   v2.3.0
   ============================================================

   Static Partners HTML is migrated onto the CNTS Design System.
   Dynamic shortcode output remains untouched:
       [cnts_collaborator_directory]

   The directory can therefore keep its existing functional markup while
   sitting inside the same cinematic environment.
   ============================================================ */


/* PAGE WORLD */

body:has(.cnts-partners),
body:has(.cnts-partners-top),
body:has(.cnts-partners-bottom) {
    background:
        linear-gradient(
            rgba(0,0,0,.28),
            rgba(0,0,0,.50)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-partners-bg-01.png.png')
        center center / cover no-repeat fixed
        !important;

    color: var(--cnts-text);
}

body:has(.cnts-partners) #page,
body:has(.cnts-partners) .site,
body:has(.cnts-partners) .site-content,
body:has(.cnts-partners) #content,
body:has(.cnts-partners) .content-area,
body:has(.cnts-partners) #primary,
body:has(.cnts-partners) .site-main,
body:has(.cnts-partners) .ast-container,
body:has(.cnts-partners) article,
body:has(.cnts-partners) .ast-article-single,
body:has(.cnts-partners) .entry-content,
body:has(.cnts-partners-top) #page,
body:has(.cnts-partners-bottom) #page {
    background: transparent !important;
}

.cnts-partners,
.cnts-partners-top,
.cnts-partners-bottom {
    position: relative;
    overflow: hidden;
    color: var(--cnts-text);
}


/* HERO */

.cnts-partners-hero {
    position: relative;
    min-height: clamp(680px, 82vh, 900px);

    display: flex;
    align-items: center;
}

.cnts-partners-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.91) 0%,
            rgba(0,0,0,.61) 46%,
            rgba(0,0,0,.15) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.04),
            rgba(0,0,0,.72)
        );

    pointer-events: none;
}

.cnts-partners-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: clamp(56px, 7vw, 92px);
    padding-bottom: clamp(56px, 7vw, 92px);
}

.cnts-partners-hero .cnts-kicker {
    margin-bottom: 24px;

    color: rgba(255,255,255,.62) !important;

    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cnts-partners-hero h1 {
    max-width: 1050px;
    margin: 0;

    font-size: clamp(4.5rem, 9vw, 8.8rem) !important;
    line-height: .86 !important;
    letter-spacing: -.055em;

    color: #fff !important;
}

.cnts-partners-hero-line {
    max-width: 780px;
    margin: 33px 0 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.65rem, 3vw, 2.8rem);
    line-height: 1.14;
    font-weight: 700;
}

.cnts-partners-hero-copy {
    max-width: 680px;
    margin: 23px 0 0;

    color: rgba(255,255,255,.70) !important;

    font-size: 1.06rem;
    line-height: 1.8;
}

.cnts-partners-hero .cnts-buttons {
    margin-top: 38px;
}

.cnts-partners-scroll {
    position: absolute;
    z-index: 3;
    right: 34px;
    bottom: 28px;

    color: rgba(255,255,255,.50);

    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
}


/* INTRO / EDITORIAL */

.cnts-partners .cnts-section {
    padding-top: clamp(78px, 8vw, 120px);
    padding-bottom: clamp(78px, 8vw, 120px);
}

.cnts-partners-intro {
    background:
        linear-gradient(
            180deg,
            rgba(15,16,18,.58),
            rgba(15,16,18,.72)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-partners-intro h2 {
    max-width: 900px;
    font-size: clamp(2.7rem, 5vw, 4.9rem) !important;
}


/* IMAGE WINDOW */

.cnts-partners-window {
    min-height: 560px;

    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03),
            rgba(0,0,0,.67)
        );
}

.cnts-partners-window .cnts-container {
    width: 100%;
}

.cnts-partners-window-copy {
    max-width: 980px;
    padding: 85px 0;
}

.cnts-partners-window .cnts-label {
    margin-bottom: 18px;
    color: var(--cnts-muted) !important;
}

.cnts-partners-window-copy span {
    display: block;

    color: #fff;

    font-size: clamp(2.8rem, 6.3vw, 6.3rem);
    line-height: .91;
    font-weight: 900;
    letter-spacing: -.05em;
}

.cnts-partners-window-copy p {
    margin: 26px 0 0;

    color: var(--cnts-text) !important;

    font-size: 1.2rem;
}


/* DIRECTORY INTRO */

.cnts-partners-directory-intro {
    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.72),
            rgba(7,9,11,.86)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-partners-directory-intro .cnts-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 45px;
}

.cnts-partners-directory-intro .cnts-section-heading > p {
    max-width: 360px;
    margin: 0;

    color: var(--cnts-muted) !important;
}


/* DIRECTORY SHORTCODE OUTPUT */

.cnts-collab-directory,
.cnts-collaborator-directory,
.cnts-partners-page {
    position: relative;
}

body:has(.cnts-partners-top)
.cnts-collaborator-directory,

body:has(.cnts-partners-top)
.cnts-collab-directory {
    width: min(100% - 48px, var(--cnts-wide-width));
    margin-inline: auto;
    padding-top: clamp(52px, 6vw, 82px);
    padding-bottom: clamp(52px, 6vw, 82px);
}


/* SUPPORT */

.cnts-partners-support {
    padding: clamp(78px, 8vw, 120px) 0;

    background:
        linear-gradient(
            180deg,
            rgba(12,14,16,.76),
            rgba(12,14,16,.86)
        ) !important;

    color: var(--cnts-text) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-partners-support-inner {
    max-width: 930px;
}

.cnts-partners-support h2 {
    margin: 12px 0 30px;

    color: var(--cnts-heading) !important;

    font-size: clamp(2.7rem, 5vw, 4.9rem) !important;
    line-height: .97 !important;
    letter-spacing: -.04em;
}

.cnts-partners-support-principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));

    gap: 18px;

    margin-top: 55px;
}

.cnts-partners-support-item {
    min-height: 250px;
    padding: 28px;

    background:
        linear-gradient(
            180deg,
            rgba(18,20,22,.90),
            rgba(12,14,16,.86)
        ) !important;

    border: 1px solid rgba(255,255,255,.13);
}

.cnts-partners-support-item .cnts-label {
    display: block;
    margin-bottom: 35px;

    color: var(--cnts-red) !important;
}

.cnts-partners-support-item h3 {
    margin: 0 0 12px;
}

.cnts-partners-support-item p {
    color: var(--cnts-text) !important;
}


/* JOIN */

.cnts-partners-join {
    position: relative;
    min-height: 690px;

    display: flex;
    align-items: center;
}

.cnts-partners-join::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.91),
            rgba(0,0,0,.60) 50%,
            rgba(0,0,0,.18)
        );

    pointer-events: none;
}

.cnts-partners-join-inner {
    position: relative;
    z-index: 2;

    max-width: 850px;
}

.cnts-partners-join h2 {
    margin: 12px 0 28px;

    color: #fff !important;

    font-size: clamp(3rem, 6.7vw, 6.7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.05em;
}

.cnts-partners-join p {
    max-width: 720px;
    color: var(--cnts-text) !important;
}

.cnts-partners-join .cnts-buttons {
    margin-top: 35px;
}


/* FINAL */

.cnts-partners-final {
    position: relative;
    min-height: 620px;

    display: flex;
    align-items: center;

    text-align: center;
}

.cnts-partners-final::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(0,0,0,.48),
            rgba(0,0,0,.88)
        );
}

.cnts-partners-final-inner {
    position: relative;
    z-index: 2;
}

.cnts-partners-final h2 {
    margin: 15px auto 24px;

    color: #fff !important;

    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .89 !important;
    letter-spacing: -.05em;
}

.cnts-partners-final p {
    max-width: 720px;
    margin: 0 auto;

    color: var(--cnts-text) !important;

    font-size: 1.15rem;
}

.cnts-partners-final .cnts-buttons {
    justify-content: center;
    margin-top: 36px;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    body:has(.cnts-partners),
    body:has(.cnts-partners-top),
    body:has(.cnts-partners-bottom) {
        background-attachment: scroll !important;
    }

    .cnts-partners-support-principles {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 700px) {

    .cnts-partners-hero {
        min-height: 72vh;
    }

    .cnts-partners-hero-inner {
        padding-top: 38px;
        padding-bottom: 44px;
    }

    .cnts-partners-scroll {
        display: none;
    }

    .cnts-partners-window {
        min-height: 420px;
    }

    .cnts-partners-directory-intro .cnts-section-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .cnts-partners-join {
        min-height: 600px;
    }

    .cnts-partners-final {
        min-height: 540px;
    }

}


/* ============================================================
   17. LIDS OFF — CANONICAL MIGRATION
   v2.4.0
   ============================================================

   Lids Off keeps its bespoke storytelling language while moving routine
   typography, labels, numbers, buttons and section structure into the
   shared CNTS Design System.
   ============================================================ */

.cnts-lidsoff {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background:
        linear-gradient(rgba(0,0,0,.26), rgba(0,0,0,.48)),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-lidsoff-bg-01.png.png')
        center center / cover no-repeat fixed;
    color: var(--cnts-text);
}

/* HERO */
.cnts-lidsoff-hero {
    position: relative;
    min-height: clamp(700px, 84vh, 940px);
    display: flex;
    align-items: center;
}
.cnts-lidsoff-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.93) 0%, rgba(0,0,0,.67) 46%, rgba(0,0,0,.18) 100%),
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.72));
    pointer-events: none;
}
.cnts-lidsoff-hero-inner {
    position: relative;
    z-index: 2;
    padding-top: clamp(56px, 7vw, 92px);
    padding-bottom: clamp(56px, 7vw, 92px);
}
.cnts-lidsoff-hero .cnts-kicker {
    margin-bottom: 25px;
    color: rgba(255,255,255,.58) !important;
}
.cnts-lidsoff-hero h1 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(5rem, 13vw, 11rem) !important;
    line-height: .78 !important;
    letter-spacing: -.065em;
}
.cnts-lidsoff-tagline {
    max-width: 830px;
    margin: 38px 0 0;
    color: var(--cnts-heading) !important;
    font-size: clamp(1.8rem, 3.6vw, 3.5rem);
    line-height: 1.08;
    font-weight: 750;
}
.cnts-lidsoff-hero-copy {
    max-width: 700px;
    margin: 25px 0 0;
    color: rgba(255,255,255,.70) !important;
    font-size: 1.06rem;
    line-height: 1.8;
}
.cnts-lidsoff-hero .cnts-buttons { margin-top: 40px; }
.cnts-lidsoff-scroll {
    position: absolute;
    z-index: 3;
    right: 34px;
    bottom: 28px;
    color: rgba(255,255,255,.48);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
}

/* COMMON CHAPTER SURFACES */
.cnts-lidsoff > .cnts-section {
    padding-top: clamp(82px, 8vw, 118px);
    padding-bottom: clamp(82px, 8vw, 118px);
}
.cnts-lidsoff-surface-soft {
    background: linear-gradient(180deg, rgba(13,15,17,.70), rgba(13,15,17,.82)) !important;
    border-top: 1px solid rgba(255,255,255,.07);
    border-bottom: 1px solid rgba(255,255,255,.07);
}
.cnts-lidsoff-surface-deep {
    background: linear-gradient(180deg, rgba(7,8,10,.82), rgba(7,8,10,.90)) !important;
}
.cnts-lidsoff-surface-glass {
    background: linear-gradient(180deg, rgba(12,12,14,.68), rgba(12,12,14,.78)) !important;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

/* IMAGE WINDOW */
.cnts-lidsoff-window {
    min-height: 560px;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.65));
}
.cnts-lidsoff-window .cnts-container { width: 100%; }
.cnts-lidsoff-window-copy { padding: 85px 0; }
.cnts-lidsoff-window .cnts-label {
    margin-bottom: 18px;
    color: var(--cnts-muted) !important;
}
.cnts-lidsoff-window-copy span {
    display: block;
    color: #fff;
    font-size: clamp(2.8rem, 6.2vw, 6.2rem);
    line-height: .91;
    font-weight: 900;
    letter-spacing: -.05em;
}

/* SPLIT SECTION HEADING */
.cnts-lidsoff .cnts-section-heading-split {
    margin-bottom: 52px;
}

/* STORY ROWS */
.cnts-lidsoff-story-grid,
.cnts-lidsoff-chapters,
.cnts-lidsoff-who {
    border-top: 1px solid var(--cnts-border);
}
.cnts-lidsoff-story,
.cnts-lidsoff-chapter,
.cnts-lidsoff-who-item {
    display: grid;
    gap: 30px;
    padding: 32px 0;
    border-bottom: 1px solid var(--cnts-border);
}
.cnts-lidsoff-story { grid-template-columns: 130px 1fr; }
.cnts-lidsoff-chapter { grid-template-columns: 110px 1fr; }
.cnts-lidsoff-who-item { grid-template-columns: 70px 1fr; }

.cnts-lidsoff-story .cnts-number {
    font-size: 4rem;
    color: rgba(232,227,218,.36) !important;
}
.cnts-lidsoff-chapter .cnts-number {
    font-size: 2.8rem;
    color: rgba(232,227,218,.34) !important;
}
.cnts-lidsoff-story .cnts-label,
.cnts-lidsoff-chapter .cnts-label {
    margin-bottom: 8px;
    color: var(--cnts-red) !important;
}
.cnts-lidsoff-story h3,
.cnts-lidsoff-chapter h3,
.cnts-lidsoff-who h3 {
    margin: 0 0 8px;
    color: var(--cnts-heading) !important;
}
.cnts-lidsoff-story p,
.cnts-lidsoff-chapter p,
.cnts-lidsoff-who p {
    margin: 0;
    color: var(--cnts-text) !important;
}

/* FORMAT INTRO */
.cnts-lidsoff-format-intro {
    max-width: 780px;
    margin-bottom: 60px;
}

/* APPROACH */
.cnts-lidsoff-approach {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 90px;
    align-items: start;
}

/* BOUNDARIES */
.cnts-lidsoff-boundaries {
    position: relative;
    min-height: 670px;
    display: flex;
    align-items: center;
    background:
        url('https://cnts.life/wp-content/uploads/2026/09/image-gen-71.png')
        center center / cover no-repeat;
}
.cnts-lidsoff-boundaries::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.91), rgba(0,0,0,.60) 52%, rgba(0,0,0,.22));
}
.cnts-lidsoff-boundaries-inner {
    position: relative;
    z-index: 2;
    max-width: 860px;
}
.cnts-lidsoff-boundaries h2 {
    margin: 14px 0 30px;
    color: #fff !important;
    font-size: clamp(3.5rem, 8vw, 7.5rem) !important;
    line-height: .88 !important;
    letter-spacing: -.05em;
}
.cnts-lidsoff-boundaries p {
    max-width: 700px;
    color: rgba(255,255,255,.72) !important;
}

/* QUICKFIRE */
.cnts-lidsoff-quickfire-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}
.cnts-lidsoff-quickfire {
    min-height: 330px;
    padding: 28px;
    background:
        linear-gradient(180deg, rgba(18,20,22,.90), rgba(12,14,16,.86));
    border: 1px solid rgba(255,255,255,.13);
}
.cnts-lidsoff-quickfire .cnts-number {
    display: block;
    margin-bottom: 38px;
    font-size: 2.8rem;
    color: rgba(232,227,218,.42) !important;
}
.cnts-lidsoff-quickfire h3 { margin: 0 0 17px; }
.cnts-lidsoff-quickfire p {
    margin: 8px 0;
    color: var(--cnts-text) !important;
}
.cnts-lidsoff-quickfire-note {
    max-width: 800px;
    margin: 42px 0 0;
    font-size: 1.1rem;
    font-weight: 700;
}

/* INTERMISSION */
.cnts-lidsoff-intermission {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    background:
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-lidsoff-bg-01.png.png')
        center center / cover no-repeat;
}
.cnts-lidsoff-intermission::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.84), rgba(0,0,0,.34));
}
.cnts-lidsoff-intermission-inner {
    position: relative;
    z-index: 2;
}
.cnts-lidsoff-intermission h2 {
    max-width: 950px;
    margin: 20px 0;
    color: #fff !important;
    font-size: clamp(3rem, 7vw, 7rem) !important;
    line-height: .9 !important;
    letter-spacing: -.05em;
}
.cnts-lidsoff-intermission p {
    font-size: 1.2rem;
    color: rgba(255,255,255,.64) !important;
}

/* WHO */
.cnts-lidsoff-who {
    margin-top: 55px;
}
.cnts-lidsoff-who-item > .cnts-label {
    color: var(--cnts-red) !important;
}

/* PROCESS */
.cnts-lidsoff-process {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}
.cnts-lidsoff-process-step {
    min-height: 330px;
    padding: 30px;
    background:
        linear-gradient(180deg, rgba(18,20,22,.90), rgba(12,14,16,.86));
    border: 1px solid rgba(255,255,255,.13);
}
.cnts-lidsoff-process-step .cnts-number {
    display: block;
    margin-bottom: 70px;
    font-size: 3.5rem;
    color: rgba(232,227,218,.40) !important;
}
.cnts-lidsoff-process-step p {
    color: var(--cnts-text) !important;
}
.cnts-lidsoff-process-button {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px;
}

/* FINAL QUESTION */
.cnts-lidsoff-question {
    padding: clamp(95px, 10vw, 135px) 0;
    background:
        linear-gradient(180deg, rgba(13,15,17,.78), rgba(8,10,12,.90));
    color: var(--cnts-text);
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.cnts-lidsoff-question-mark {
    height: 65px;
    margin-top: 20px;
    font-size: 8rem;
    line-height: .8;
    color: rgba(232,227,218,.16);
}
.cnts-lidsoff-question h2 {
    max-width: 1050px;
    margin: 15px auto 35px;
    color: var(--cnts-heading) !important;
    font-size: clamp(2.2rem, 5vw, 4.8rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em;
}
.cnts-lidsoff-question-rule {
    width: 70px;
    height: 2px;
    margin: 0 auto 18px;
    background: var(--cnts-red);
}
.cnts-lidsoff-question p {
    margin: 0;
    color: var(--cnts-muted) !important;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .17em;
}

/* FINAL */
.cnts-lidsoff-final {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    text-align: center;
}
.cnts-lidsoff-final::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.88));
}
.cnts-lidsoff-final-inner {
    position: relative;
    z-index: 2;
}
.cnts-lidsoff-final h2 {
    margin: 15px auto 24px;
    color: #fff !important;
    font-size: clamp(3.5rem, 8vw, 8rem) !important;
    line-height: .88 !important;
    letter-spacing: -.055em;
}
.cnts-lidsoff-final p {
    margin: 0 auto;
    color: rgba(255,255,255,.62) !important;
    font-size: 1.2rem;
}
.cnts-lidsoff-final .cnts-buttons {
    justify-content: center;
    margin-top: 38px;
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .cnts-lidsoff {
        background-attachment: scroll;
    }
    .cnts-lidsoff-approach {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .cnts-lidsoff-quickfire-grid,
    .cnts-lidsoff-process {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
@media (max-width: 700px) {
    .cnts-lidsoff-hero {
        min-height: 72vh;
    }
    .cnts-lidsoff-hero-inner {
        padding-top: 38px;
        padding-bottom: 44px;
    }
    .cnts-lidsoff-scroll { display: none; }
    .cnts-lidsoff-window { min-height: 420px; }
    .cnts-lidsoff-story { grid-template-columns: 65px 1fr; }
    .cnts-lidsoff-chapter { grid-template-columns: 55px 1fr; }
    .cnts-lidsoff-story .cnts-number { font-size: 2.6rem; }
    .cnts-lidsoff-chapter .cnts-number { font-size: 2rem; }
    .cnts-lidsoff-boundaries { min-height: 600px; }
    .cnts-lidsoff-quickfire-grid,
    .cnts-lidsoff-process { grid-template-columns: 1fr; }
    .cnts-lidsoff-quickfire { min-height: auto; }
    .cnts-lidsoff-intermission { min-height: 520px; }
    .cnts-lidsoff-final { min-height: 620px; }
}


/* ============================================================
   18. EVENTS — CANONICAL MIGRATION
   v2.5.0
   ============================================================

   Page order remains:
       [cnts_events_with_rail]
       Custom HTML Block 1
       Custom HTML Block 2

   The native events shortcode remains untouched. The editorial HTML and
   compact Events-specific presentation now live in the Design System.
   ============================================================ */


/* PAGE BACKGROUND / ASTRA TRANSPARENCY */

body:has(.cnts-events-top),
body:has(.cnts-events-bottom) {
    background:
        linear-gradient(
            rgba(0,0,0,.28),
            rgba(0,0,0,.50)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-events-bg-01.png.png')
        center center / cover no-repeat fixed
        !important;

    color: var(--cnts-text);
}

body:has(.cnts-events-top) #page,
body:has(.cnts-events-top) .site,
body:has(.cnts-events-top) .site-content,
body:has(.cnts-events-top) #content,
body:has(.cnts-events-top) .content-area,
body:has(.cnts-events-top) #primary,
body:has(.cnts-events-top) .site-main,
body:has(.cnts-events-top) .ast-container,
body:has(.cnts-events-top) article,
body:has(.cnts-events-top) .ast-article-single,
body:has(.cnts-events-top) .entry-content,
body:has(.cnts-events-bottom) #page,
body:has(.cnts-events-bottom) .site-content,
body:has(.cnts-events-bottom) .entry-content {
    background: transparent !important;
}

.cnts-events-top,
.cnts-events-bottom {
    position: relative;
    overflow: hidden;
    color: var(--cnts-text);
}


/* SHORTCODE / CONTENT RAIL BREATHING SPACE */

.cnts-events-page,
.cnts-events-list,
.cnts-content-rail {
    position: relative;
}


/* COMPACT HERO — intentionally smaller than other editorial pages */

.cnts-events-hero {
    position: relative;
    min-height: 420px;

    display: flex;
    align-items: center;
}

.cnts-events-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.91) 0%,
            rgba(0,0,0,.61) 46%,
            rgba(0,0,0,.15) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.04),
            rgba(0,0,0,.72)
        );

    pointer-events: none;
}

.cnts-events-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 72px;
    padding-bottom: 72px;
}

.cnts-events-hero .cnts-kicker {
    margin-bottom: 20px;

    color: rgba(255,255,255,.62) !important;
}

.cnts-events-hero h1 {
    max-width: 1050px;
    margin: 0;

    color: #fff !important;

    font-size: clamp(3.4rem, 6vw, 6rem) !important;
    line-height: .94 !important;
    letter-spacing: -.05em;
}

.cnts-events-hero-line {
    max-width: 800px;
    margin: 26px 0 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1.2;
    font-weight: 700;
}

.cnts-events-hero-copy {
    max-width: 690px;
    margin: 18px 0 0;

    color: rgba(255,255,255,.70) !important;

    font-size: 1rem;
    line-height: 1.75;
}

.cnts-events-hero .cnts-buttons {
    margin-top: 30px;
}


/* COMPACT EDITORIAL SECTIONS */

.cnts-events-top .cnts-section,
.cnts-events-bottom .cnts-section {
    padding-top: 56px;
    padding-bottom: 56px;
}

.cnts-events-intro {
    background:
        linear-gradient(
            180deg,
            rgba(14,16,18,.66),
            rgba(14,16,18,.78)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-events-intro h2 {
    max-width: 900px;

    font-size: clamp(2.4rem, 4.5vw, 4.4rem) !important;
}


/* IMAGE WINDOW */

.cnts-events-window {
    min-height: 300px;

    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.04),
            rgba(0,0,0,.68)
        );
}

.cnts-events-window .cnts-container {
    width: 100%;
}

.cnts-events-window-copy {
    max-width: 980px;
    padding: 58px 0;
}

.cnts-events-window .cnts-label {
    margin-bottom: 16px;

    color: var(--cnts-muted) !important;
}

.cnts-events-window-copy span {
    display: block;

    color: #fff;

    font-size: clamp(2.4rem, 5.6vw, 5.2rem);
    line-height: .93;
    font-weight: 900;
    letter-spacing: -.045em;
}

.cnts-events-window-copy p {
    margin: 22px 0 0;

    color: var(--cnts-text) !important;

    font-size: 1.1rem;
}


/* EVENT LIST INTRO */

.cnts-events-list-intro {
    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.76),
            rgba(7,9,11,.88)
        ) !important;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-events-list-intro .cnts-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 45px;
}

.cnts-events-list-intro .cnts-section-heading > p {
    max-width: 360px;
    margin: 0;

    color: var(--cnts-muted) !important;
}


/* QUICK NOTE */

.cnts-events-note {
    padding: 56px 0;

    background:
        linear-gradient(
            180deg,
            rgba(13,15,17,.76),
            rgba(9,11,13,.88)
        ) !important;

    color: var(--cnts-text);

    text-align: center;

    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-events-note-inner {
    max-width: 900px;
}

.cnts-events-note h2 {
    margin: 12px auto 26px;

    color: var(--cnts-heading) !important;

    font-size: clamp(2.2rem, 4vw, 3.6rem) !important;
    line-height: 1 !important;
    letter-spacing: -.035em;
}

.cnts-events-note p {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}


/* SUGGEST AN EVENT FEATURE */

.cnts-events-suggest {
    position: relative;
    min-height: 580px;

    display: flex;
    align-items: center;
}

.cnts-events-suggest::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.89),
            rgba(0,0,0,.58) 50%,
            rgba(0,0,0,.22)
        );
}

.cnts-events-suggest-inner {
    position: relative;
    z-index: 2;

    max-width: 850px;
}

.cnts-events-suggest h2 {
    margin: 12px 0 27px;

    color: #fff !important;

    font-size: clamp(3rem, 6.5vw, 6.5rem) !important;
    line-height: .91 !important;
    letter-spacing: -.05em;
}

.cnts-events-suggest p {
    max-width: 720px;

    color: rgba(255,255,255,.70) !important;
}

.cnts-events-suggest .cnts-buttons {
    margin-top: 34px;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    body:has(.cnts-events-top),
    body:has(.cnts-events-bottom) {
        background-attachment: scroll !important;
    }

}

@media (max-width: 700px) {

    .cnts-events-hero {
        min-height: 360px;
    }

    .cnts-events-hero-inner {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .cnts-events-hero h1 {
        font-size: clamp(2.8rem, 11vw, 4.5rem) !important;
    }

    .cnts-events-top .cnts-section,
    .cnts-events-bottom .cnts-section {
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .cnts-events-window {
        min-height: 260px;
    }

    .cnts-events-window-copy {
        padding: 46px 0;
    }

    .cnts-events-list-intro .cnts-section-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .cnts-events-note {
        padding: 46px 0;
    }

    .cnts-events-suggest {
        min-height: 520px;
    }

}


/* ============================================================
   19. PARTNER HUB — APPLICATION SURFACE
   v2.6.0
   ============================================================ */

.cnts-partner-hub-page {
    background:
        linear-gradient(
            rgba(0,0,0,.46),
            rgba(0,0,0,.68)
        ),
        url('https://cnts.life/wp-content/uploads/2026/09/heroride.png')
        center center / cover fixed;
    color: var(--cnts-text);
}

.cnts-partner-hub-hero {
    padding-top: 84px !important;
    padding-bottom: 72px !important;

    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.78),
            rgba(7,9,11,.90)
        ) !important;

    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cnts-partner-hub-hero h1 {
    max-width: 980px;
    margin: 10px 0 18px;

    color: #fff !important;

    font-size: clamp(2.8rem, 5vw, 5.2rem) !important;
    line-height: .96 !important;
    letter-spacing: -.045em;
}

.cnts-partner-hub-hero .cnts-lead {
    color: var(--cnts-text) !important;
}

.cnts-partner-hub-section {
    padding-top: 64px !important;
    padding-bottom: 72px !important;

    background:
        linear-gradient(
            180deg,
            rgba(12,14,16,.78),
            rgba(8,10,12,.88)
        ) !important;

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.cnts-partner-hub-heading {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--cnts-border);
}

.cnts-partner-hub-heading h2 {
    color: var(--cnts-heading) !important;
}

.cnts-partner-hub-role {
    margin-bottom: 4px;
    padding: 8px 12px;

    border: 1px solid rgba(214,181,109,.28);
    border-radius: 999px;

    color: var(--cnts-gold) !important;
    background: rgba(214,181,109,.06);
}

.cnts-partner-hub-section-title > span {
    display: block;
    margin-bottom: 7px;

    color: var(--cnts-gold);

    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.cnts-partner-hub-section-title h3 {
    margin: 0;

    color: var(--cnts-heading) !important;

    font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
}

.cnts-partner-hub-card {
    padding: 28px !important;

    background:
        linear-gradient(
            180deg,
            rgba(20,22,24,.90),
            rgba(12,14,16,.88)
        ) !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    color: var(--cnts-text) !important;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}

a.cnts-partner-hub-card:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            180deg,
            rgba(27,29,31,.94),
            rgba(16,18,20,.92)
        ) !important;

    border-color: rgba(255,255,255,.22) !important;

    color: var(--cnts-text) !important;
}

.cnts-partner-hub-card-featured {
    border-top: 3px solid var(--cnts-red) !important;
}

.cnts-partner-hub-card-admin {
    border-top: 3px solid var(--cnts-gold) !important;
}

.cnts-partner-hub-label {
    margin-bottom: 16px;

    color: var(--cnts-gold) !important;
}

.cnts-partner-hub-card strong {
    display: block;
    margin-bottom: 10px;

    color: var(--cnts-heading);

    font-size: 1.35rem;
    line-height: 1.18;
}

.cnts-partner-hub-card > span:not(.cnts-label):not(.cnts-partner-hub-action):not(.cnts-partner-hub-status):not(.cnts-partner-hub-card-stats) {
    color: var(--cnts-text) !important;
}

.cnts-partner-hub-action,
.cnts-partner-hub-actions a {
    color: var(--cnts-heading) !important;

    font-size: .86rem;
    font-weight: 800;
    text-decoration: none !important;
}

.cnts-partner-hub-action {
    position: relative;
}

.cnts-partner-hub-actions a:hover,
.cnts-partner-hub-action:hover {
    color: #fff !important;
}

.cnts-partner-hub-card-stats {
    border-top: 1px solid rgba(255,255,255,.10);

    color: var(--cnts-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.cnts-partner-hub-card-stats b {
    color: var(--cnts-heading);
    font-size: .95rem;
}

.cnts-partner-hub-card-stats i {
    font-style: normal;
    opacity: .45;
}

.cnts-partner-hub-stat-row em {
    min-width: 48px;

    color: var(--cnts-gold);

    font-style: normal;
    font-weight: 800;
}

.cnts-partner-hub-footer {
    border-top: 1px solid rgba(255,255,255,.12);
}

.cnts-partner-hub-footer a {
    color: var(--cnts-muted) !important;
    font-weight: 700;
    text-decoration: none !important;
}

.cnts-partner-hub-footer a:hover {
    color: var(--cnts-heading) !important;
}

@media (max-width: 700px) {
    .cnts-partner-hub-hero {
        padding-top: 58px !important;
        padding-bottom: 54px !important;
    }

    .cnts-partner-hub-section {
        padding-top: 48px !important;
        padding-bottom: 56px !important;
    }
}


/* ============================================================
   20. MANAGEMENT SURFACES — PARTNERS + USERS
   v2.7.0
   ============================================================ */

/* ----- Partner Management ----- */

.cnts-partner-management-page,
.cnts-partner-management-page .cnts-section,
.cnts-partner-management-page .cnts-partner-management-network {
    color: var(--cnts-text) !important;
}

.cnts-partner-management-page .cnts-partner-management-network {
    background: transparent !important;
}

.cnts-partner-management-page .cnts-partner-management-card,
.cnts-partner-management-page .cnts-partner-management-empty,
.cnts-partner-management-page .cnts-partner-application-card {
    background: rgba(14,16,18,.88) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: var(--cnts-text) !important;
    box-shadow: none !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cnts-partner-management-page .cnts-partner-management-person h3,
.cnts-partner-management-page .cnts-partner-management-card h3,
.cnts-partner-management-page .cnts-partner-management-card strong,
.cnts-partner-management-page .cnts-partner-management-card label,
.cnts-partner-management-page .cnts-partner-management-role-form label {
    color: var(--cnts-heading) !important;
}

.cnts-partner-management-page .cnts-partner-management-person p,
.cnts-partner-management-page .cnts-partner-management-card p,
.cnts-partner-management-page .cnts-partner-management-card span:not(.cnts-partner-management-badge),
.cnts-partner-management-page .cnts-partner-management-card small {
    color: var(--cnts-text) !important;
}

.cnts-partner-management-page .cnts-partner-management-card-actions {
    border-top-color: rgba(255,255,255,.10) !important;
}

.cnts-partner-management-page .cnts-partner-management-card-actions a,
.cnts-partner-management-page .cnts-partner-management-action {
    color: var(--cnts-heading) !important;
}

.cnts-partner-management-page .cnts-partner-management-card-actions a:hover,
.cnts-partner-management-page .cnts-partner-management-action:hover {
    color: #fff !important;
}

.cnts-partner-management-page .cnts-partner-management-avatar img,
.cnts-partner-management-page .cnts-partner-management-avatar-image {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,.14);
}

.cnts-partner-management-page select,
.cnts-partner-management-page input[type="text"],
.cnts-partner-management-page input[type="email"] {
    background: #151515 !important;
    color: var(--cnts-heading) !important;
    border-color: #706b63 !important;
}

.cnts-partner-management-page select option {
    background: #151515 !important;
    color: var(--cnts-heading) !important;
}

/* ----- User Management ----- */

.cnts-user-admin-wrap {
    color: var(--cnts-text) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-card,
.cnts-user-admin-wrap .cnts-user-admin-toggle,
.cnts-user-admin-wrap .cnts-user-admin-panel,
.cnts-user-admin-wrap .cnts-user-admin-empty {
    color: var(--cnts-text) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-card {
    background: rgba(14,16,18,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-identity h3,
.cnts-user-admin-wrap .cnts-user-admin-toggle-copy strong,
.cnts-user-admin-wrap .cnts-user-admin-card strong,
.cnts-user-admin-wrap .cnts-user-admin-card label {
    color: var(--cnts-heading) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-identity p,
.cnts-user-admin-wrap .cnts-user-admin-meta span,
.cnts-user-admin-wrap .cnts-user-admin-toggle-copy small,
.cnts-user-admin-wrap .cnts-user-admin-warning,
.cnts-user-admin-wrap .cnts-user-admin-card p,
.cnts-user-admin-wrap .cnts-user-admin-card small {
    color: var(--cnts-text) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-avatar img,
.cnts-user-admin-wrap .cnts-user-admin-avatar-image {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,.14);
}

.cnts-user-admin-wrap .cnts-user-admin-badges span {
    color: var(--cnts-heading) !important;
}

.cnts-user-admin-wrap .cnts-user-admin-toggle {
    background: rgba(18,18,18,.92) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.cnts-user-admin-wrap input[type="search"],
.cnts-user-admin-wrap input[type="text"],
.cnts-user-admin-wrap input[type="email"],
.cnts-user-admin-wrap select {
    background: #151515 !important;
    color: var(--cnts-heading) !important;
    border-color: #706b63 !important;
}

@media (max-width: 700px) {
    .cnts-partner-management-page .cnts-partner-management-avatar img,
    .cnts-partner-management-page .cnts-partner-management-avatar-image {
        width: 56px !important;
        height: 56px !important;
    }
}


/* ============================================================
   21. PROJECT MANAGEMENT SURFACE
   v2.8.0
   ============================================================ */

.cnts-project-management-page {
    color: var(--cnts-text) !important;
}

.cnts-project-management-page .cnts-section-light,
.cnts-project-management-page .cnts-section-dark,
.cnts-project-management-page .cnts-section-black {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-project-management-page h1,
.cnts-project-management-page h2,
.cnts-project-management-page h3,
.cnts-project-management-page strong,
.cnts-project-management-page label {
    color: var(--cnts-heading) !important;
}

.cnts-project-management-page p,
.cnts-project-management-page span,
.cnts-project-management-page small {
    color: var(--cnts-text) !important;
}

.cnts-project-management-page .cnts-project-management-card,
.cnts-project-management-page .cnts-project-lead-card,
.cnts-project-management-page .cnts-project-management-empty,
.cnts-project-management-page .cnts-project-management-empty-light {
    background: rgba(14,16,18,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: var(--cnts-text) !important;
    box-shadow: none !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cnts-project-management-page .cnts-project-management-card h3,
.cnts-project-management-page .cnts-project-lead-card h3,
.cnts-project-management-page .cnts-project-management-card strong,
.cnts-project-management-page .cnts-project-lead-card strong {
    color: var(--cnts-heading) !important;
}

.cnts-project-management-page .cnts-project-management-kicker {
    color: var(--cnts-red) !important;
}

.cnts-project-management-page .cnts-project-management-task-grid div {
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(255,255,255,.08) !important;
}

.cnts-project-management-page .cnts-project-management-task-grid strong {
    color: var(--cnts-heading) !important;
}

.cnts-project-management-page .cnts-project-management-task-grid span {
    color: var(--cnts-muted) !important;
    opacity: 1 !important;
}

.cnts-project-management-page .cnts-project-management-progress {
    background: rgba(255,255,255,.10) !important;
}

.cnts-project-management-page .cnts-project-management-progress span {
    background: var(--cnts-red) !important;
}

.cnts-project-management-page .cnts-project-management-actions {
    border-top-color: rgba(255,255,255,.10) !important;
}

.cnts-project-management-page .cnts-project-management-actions a {
    color: var(--cnts-heading) !important;
}

.cnts-project-management-page .cnts-project-management-actions a:hover {
    color: #fff !important;
}

.cnts-project-management-page .cnts-project-lead-person p {
    color: var(--cnts-muted) !important;
    opacity: 1 !important;
}

.cnts-project-management-page .cnts-project-lead-person img,
.cnts-project-management-page .cnts-project-lead-avatar-image {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,.14);
}

.cnts-project-management-page .cnts-project-lead-badges span {
    background: rgba(255,255,255,.08) !important;
    color: var(--cnts-heading) !important;
    border: 1px solid rgba(255,255,255,.10);
}

.cnts-project-management-page .cnts-project-management-stat {
    background: rgba(18,20,22,.90) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.cnts-project-management-page .cnts-project-management-stat span,
.cnts-project-management-page .cnts-project-management-stat small {
    color: var(--cnts-text) !important;
    opacity: 1 !important;
}

.cnts-project-management-page .cnts-project-management-stat strong {
    color: #fff !important;
}

/* Sticky header-safe anchor targets. */
.cnts-project-management-page #project-editor,
.cnts-project-management-page #project-list {
    scroll-margin-top: 190px !important;
}

@media (max-width: 768px) {
    .cnts-project-management-page #project-editor,
    .cnts-project-management-page #project-list {
        scroll-margin-top: 24px !important;
    }
}


/* ============================================================
   22. WORKSPACE + PROJECT LIBRARY
   v2.9.0
   ============================================================ */

/* ------------------------------------------------------------
   DASHBOARD SHELL
   ------------------------------------------------------------ */

.cnts-dashboard {
    --cnts-bg: rgba(7,9,11,.82) !important;
    --cnts-panel: rgba(14,16,18,.90) !important;
    --cnts-sidebar: #111315 !important;
    --cnts-sidebar-soft: #1a1d20 !important;
    --cnts-text: #e8e3da !important;
    --cnts-muted: #a59f96 !important;
    --cnts-border: rgba(255,255,255,.14) !important;
    --cnts-accent: var(--cnts-red) !important;

    color: var(--cnts-text) !important;
}

.cnts-dashboard-grid {
    background: rgba(8,10,12,.84) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: none !important;
}

.cnts-dashboard-sidebar {
    background: rgba(13,15,17,.97) !important;
    color: var(--cnts-heading) !important;
    border-right: 1px solid rgba(255,255,255,.10);
}

.cnts-dashboard-brand {
    border-bottom-color: rgba(255,255,255,.10) !important;
}

.cnts-dashboard-brand-kicker,
.cnts-dashboard-nav-label,
.cnts-dashboard-view-kicker {
    color: var(--cnts-muted) !important;
}

.cnts-dashboard-brand-title {
    color: var(--cnts-heading) !important;
}

.cnts-dashboard-nav-item {
    color: var(--cnts-text) !important;
}

.cnts-dashboard-nav-item:hover,
.cnts-dashboard-nav-item.is-active {
    background: rgba(255,255,255,.065) !important;
    color: #fff !important;
}

.cnts-dashboard-nav-item.is-active {
    border-left-color: var(--cnts-red) !important;
}

.cnts-dashboard-nav-icon,
.cnts-dashboard-phase-number {
    color: var(--cnts-muted) !important;
}

.cnts-dashboard-content {
    background:
        linear-gradient(
            180deg,
            rgba(10,12,14,.88),
            rgba(7,9,11,.92)
        ) !important;
    color: var(--cnts-text) !important;
}

.cnts-dashboard-view-heading {
    border-bottom-color: rgba(255,255,255,.12) !important;
}

.cnts-dashboard-view-heading h1,
.cnts-dashboard-view-heading h2,
.cnts-dashboard-view-heading h3 {
    color: var(--cnts-heading) !important;
}

.cnts-dashboard-empty {
    background: rgba(18,20,22,.82) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: var(--cnts-text) !important;
}

.cnts-dashboard-mobile-toggle {
    background: #111315 !important;
    color: #fff !important;
}


/* ------------------------------------------------------------
   PROJECT LIBRARY
   ------------------------------------------------------------ */

.cnts-pl,
.cnts-dashboard-content .cnts-pl {
    color: var(--cnts-text) !important;
}

.cnts-pl-head {
    background:
        linear-gradient(
            180deg,
            rgba(18,20,22,.94),
            rgba(13,15,17,.92)
        ) !important;
    color: var(--cnts-text) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-pl-head h1,
.cnts-pl-head h2,
.cnts-pl-head h3,
.cnts-pl-head strong {
    color: var(--cnts-heading) !important;
}

.cnts-pl-head p,
.cnts-pl-head span,
.cnts-pl-head small {
    color: var(--cnts-text) !important;
}

.cnts-pl-eyebrow {
    color: var(--cnts-gold) !important;
}

.cnts-pl-stats {
    background: rgba(15,17,19,.92) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-pl-stats > * {
    background: transparent !important;
    border-color: rgba(255,255,255,.10) !important;
    color: var(--cnts-text) !important;
}

.cnts-pl-stats strong {
    color: #fff !important;
}

.cnts-pl-tabs {
    border-color: rgba(255,255,255,.12) !important;
}

.cnts-pl-tab {
    background: rgba(18,20,22,.90) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: var(--cnts-heading) !important;
}

.cnts-pl-tab:hover,
.cnts-pl-tab.is-active,
.cnts-pl-tab.active {
    background: var(--cnts-red) !important;
    border-color: var(--cnts-red) !important;
    color: #fff !important;
}

.cnts-pl-doc,
.cnts-pl-panel,
.cnts-pl-drawer,
.cnts-pl-version,
.cnts-pl-activity,
.cnts-pl-access,
.cnts-pl-empty {
    background: rgba(16,18,20,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: var(--cnts-text) !important;
}

.cnts-pl-doc h3,
.cnts-pl-panel h3,
.cnts-pl-drawer h3,
.cnts-pl-version strong,
.cnts-pl-activity strong,
.cnts-pl-access strong {
    color: var(--cnts-heading) !important;
}

.cnts-pl-doc p,
.cnts-pl-doc span,
.cnts-pl-doc small,
.cnts-pl-panel p,
.cnts-pl-panel span,
.cnts-pl-panel small,
.cnts-pl-version p,
.cnts-pl-version small,
.cnts-pl-activity p,
.cnts-pl-activity small,
.cnts-pl-access p,
.cnts-pl-access small {
    color: var(--cnts-text) !important;
}

.cnts-pl-meta {
    color: var(--cnts-muted) !important;
}

.cnts-pl-description {
    color: var(--cnts-text) !important;
}

.cnts-pl-security-note {
    background: rgba(214,181,109,.08) !important;
    border-left-color: var(--cnts-gold) !important;
    color: var(--cnts-text) !important;
}

.cnts-pl-activity-item {
    border-bottom-color: rgba(255,255,255,.10) !important;
}

.cnts-pl-form label,
.cnts-pl-override-label {
    color: var(--cnts-heading) !important;
}

.cnts-pl-form input[type="text"],
.cnts-pl-form input[type="file"],
.cnts-pl-form select,
.cnts-pl-form textarea,
.cnts-pl-override-label textarea {
    background: #151719 !important;
    border-color: #706b63 !important;
    color: var(--cnts-heading) !important;
}

.cnts-pl-form select option {
    background: #151719 !important;
    color: var(--cnts-heading) !important;
}


/* ------------------------------------------------------------
   WORKSPACE SECTIONS + TASKS
   ------------------------------------------------------------ */

.cnts-workspace,
.cnts-dashboard-workspace-host {
    background: transparent !important;
    color: var(--cnts-text) !important;
}

.cnts-workspace-section {
    background: rgba(14,16,18,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-workspace-section-summary {
    background: rgba(20,22,24,.92) !important;
    color: var(--cnts-text) !important;
}

.cnts-workspace-section-summary:hover {
    background: rgba(28,30,32,.95) !important;
}

.cnts-workspace-section-summary strong,
.cnts-workspace-section-number {
    color: var(--cnts-heading) !important;
}

.cnts-workspace-section-number {
    color: var(--cnts-red) !important;
}

.cnts-workspace-section-count {
    color: var(--cnts-muted) !important;
}

.cnts-workspace-section-content {
    background: transparent !important;
}

.cnts-workspace-task {
    background: rgba(12,14,16,.72) !important;
    border-top-color: rgba(255,255,255,.10) !important;
    color: var(--cnts-text) !important;
}

.cnts-workspace-task:hover {
    background: rgba(22,24,26,.86) !important;
}

.cnts-workspace-task-main h3,
.cnts-workspace-task-meta strong,
.cnts-task-updates-summary > span,
.cnts-task-update-author {
    color: var(--cnts-heading) !important;
}

.cnts-workspace-task-description,
.cnts-workspace-task-meta,
.cnts-task-update-text {
    color: var(--cnts-text) !important;
}

.cnts-workspace-task-meta,
.cnts-task-updates-summary > small,
.cnts-task-update-header time,
.cnts-task-no-updates {
    color: var(--cnts-muted) !important;
}

.cnts-task-updates {
    border-top-color: rgba(255,255,255,.10) !important;
}

.cnts-task-updates-summary {
    color: var(--cnts-text) !important;
}

.cnts-task-updates-content {
    background: rgba(18,20,22,.90) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.cnts-task-update-item {
    background: rgba(13,15,17,.92) !important;
    border-color: rgba(255,255,255,.12) !important;
}

.cnts-update-blocker {
    background: rgba(215,25,32,.08) !important;
}

.cnts-workspace-empty {
    background: rgba(16,18,20,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: var(--cnts-text) !important;
}


/* ------------------------------------------------------------
   WORKSPACE FORMS / CONTROLS
   ------------------------------------------------------------ */

.cnts-workspace select,
.cnts-workspace input[type="text"],
.cnts-workspace input[type="email"],
.cnts-workspace input[type="date"],
.cnts-workspace input[type="number"],
.cnts-workspace textarea,
.cnts-dashboard input[type="text"],
.cnts-dashboard input[type="email"],
.cnts-dashboard input[type="date"],
.cnts-dashboard input[type="number"],
.cnts-dashboard select,
.cnts-dashboard textarea {
    background: #151719 !important;
    border-color: #706b63 !important;
    color: var(--cnts-heading) !important;
}

.cnts-workspace select option,
.cnts-dashboard select option {
    background: #151719 !important;
    color: var(--cnts-heading) !important;
}

.cnts-task-builder,
.cnts-task-builder-panel,
.cnts-task-editor,
.cnts-task-editor-content,
.cnts-my-work,
.cnts-ready-now,
.cnts-project-overview,
.cnts-compact-dashboard,
.cnts-dashboard-panel {
    color: var(--cnts-text) !important;
}

.cnts-task-builder-panel,
.cnts-task-editor-content,
.cnts-my-work-task,
.cnts-ready-now-task,
.cnts-project-overview-panel,
.cnts-dashboard-panel {
    background: rgba(15,17,19,.90) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-task-builder h2,
.cnts-task-builder h3,
.cnts-task-editor h2,
.cnts-task-editor h3,
.cnts-my-work h2,
.cnts-my-work h3,
.cnts-ready-now h2,
.cnts-ready-now h3,
.cnts-project-overview h2,
.cnts-project-overview h3,
.cnts-compact-dashboard h2,
.cnts-compact-dashboard h3 {
    color: var(--cnts-heading) !important;
}

.cnts-task-builder p,
.cnts-task-editor p,
.cnts-my-work p,
.cnts-ready-now p,
.cnts-project-overview p,
.cnts-compact-dashboard p {
    color: var(--cnts-text) !important;
}


/* ------------------------------------------------------------
   WORKSPACE BUTTON CONSISTENCY
   ------------------------------------------------------------ */

.cnts-pl-btn,
.cnts-workspace button,
.cnts-workspace input[type="submit"],
.cnts-dashboard button:not(.cnts-dashboard-nav-item):not(.cnts-dashboard-mobile-toggle) {
    border-color: rgba(255,255,255,.16);
}

.cnts-pl-btn-primary,
.cnts-task-builder-submit,
.cnts-task-editor-save {
    background: var(--cnts-red) !important;
    border-color: var(--cnts-red) !important;
    color: #fff !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 900px) {
    .cnts-dashboard-grid {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .cnts-dashboard-content {
        padding: 20px 16px 26px !important;
    }
}

@media (max-width: 560px) {
    .cnts-pl-head {
        padding: 20px 16px !important;
    }

    .cnts-workspace-task {
        padding: 18px 14px !important;
    }
}


/* ============================================================
   23. WORKSPACE CONTRAST + READABILITY PASS
   v2.10.0
   ------------------------------------------------------------
   Keeps the cinematic CNTS feel but stops the workspace from
   collapsing into one near-black visual plane.
   ============================================================ */

/* Main workspace canvas: lift the working surface away from black. */
.cnts-dashboard-content {
    background:
        linear-gradient(
            180deg,
            rgba(24, 26, 28, .97),
            rgba(18, 20, 22, .97)
        ) !important;
    color: #d8d3ca !important;
}

/* Sidebar stays dark so navigation remains visually separate. */
.cnts-dashboard-sidebar {
    background: rgba(10, 11, 13, .98) !important;
    border-right: 1px solid rgba(255,255,255,.16) !important;
}

.cnts-dashboard-nav-item {
    color: #d0cbc2 !important;
}

.cnts-dashboard-nav-item:hover,
.cnts-dashboard-nav-item.is-active {
    background: rgba(255,255,255,.085) !important;
    color: #fff !important;
}

/* Stronger hierarchy for section/phase cards. */
.cnts-workspace-section {
    background: rgba(28, 30, 32, .96) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}

.cnts-workspace-section-summary {
    background: rgba(36, 38, 40, .98) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.cnts-workspace-section-summary:hover {
    background: rgba(43, 45, 48, .99) !important;
}

/* Individual tasks become visibly separate working cards. */
.cnts-workspace-task {
    margin: 8px 0 !important;
    background: rgba(31, 33, 35, .98) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-left: 3px solid rgba(255,255,255,.18) !important;
    padding-left: 18px !important;
}

.cnts-workspace-task:hover {
    background: rgba(38, 40, 43, .99) !important;
    border-color: rgba(255,255,255,.20) !important;
}

.cnts-workspace-task-main h3,
.cnts-task-update-author,
.cnts-task-management-summary strong,
.cnts-task-editor-summary strong,
.cnts-task-updates-summary > span {
    color: #f0ece5 !important;
}

.cnts-workspace-task-description,
.cnts-workspace-task-meta,
.cnts-task-update-text,
.cnts-task-update-readonly {
    color: #c1bbb2 !important;
}

.cnts-workspace-task-meta,
.cnts-task-updates-summary > small,
.cnts-task-update-header time {
    color: #a9a39a !important;
}

/* Drawers: management/edit/updates should read as distinct surfaces. */
.cnts-task-management-content,
.cnts-task-editor-content,
.cnts-task-updates-content {
    background: #242628 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

.cnts-task-management-summary,
.cnts-task-editor-summary,
.cnts-task-updates-summary {
    background: rgba(20,22,24,.95) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #e8e3da !important;
}

.cnts-task-management-summary:hover,
.cnts-task-editor-summary:hover,
.cnts-task-updates-summary:hover {
    background: rgba(30,32,34,.98) !important;
}

/* The light management strip was too stark against black.
   Use a warm medium surface instead. */
.cnts-task-management-content,
.cnts-workspace-management,
.cnts-workspace-task-management {
    background: #d8d2c8 !important;
    color: #1b1d1f !important;
}

.cnts-task-management-content label,
.cnts-workspace-management label,
.cnts-workspace-task-management label {
    color: #252729 !important;
}

.cnts-task-management-content select,
.cnts-task-management-content input[type="date"],
.cnts-task-management-content input[type="text"],
.cnts-workspace-management select,
.cnts-workspace-management input,
.cnts-workspace-task-management select,
.cnts-workspace-task-management input {
    background: #202224 !important;
    border-color: #6f6a63 !important;
    color: #f2eee7 !important;
}

/* Edit forms: increase text/background separation. */
.cnts-task-editor-content input[type="text"],
.cnts-task-editor-content textarea,
.cnts-task-editor-content select,
.cnts-task-editor-content input[type="date"],
.cnts-task-updates-content textarea,
.cnts-task-updates-content select {
    background: #191b1d !important;
    border-color: #777168 !important;
    color: #f0ece5 !important;
}

.cnts-task-editor-content label,
.cnts-task-updates-content label {
    color: #cbc5bc !important;
}

/* Update history cards should be visible, not black-on-black. */
.cnts-task-update-item {
    background: #2a2c2f !important;
    border-color: rgba(255,255,255,.13) !important;
}

.cnts-update-blocker {
    background: rgba(122, 31, 31, .24) !important;
}

/* Overview and supporting dashboard panels. */
.cnts-project-overview-panel,
.cnts-project-attention,
.cnts-my-work-column,
.cnts-my-work-attention,
.cnts-team-workload,
.cnts-ready-now-list,
.cnts-dashboard-panel {
    background: rgba(29,31,33,.96) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #d8d3ca !important;
}

.cnts-project-stat {
    background: rgba(34,36,38,.98) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.cnts-project-stat span,
.cnts-project-team-row span,
.cnts-project-attention-row small,
.cnts-ready-now-meta {
    color: #aaa49b !important;
}

.cnts-project-stat strong,
.cnts-project-team-row strong,
.cnts-project-attention-row strong,
.cnts-ready-now-main h3,
.cnts-ready-now-phase strong {
    color: #f0ece5 !important;
}

/* Library: lift from black while retaining visual weight. */
.cnts-pl-head,
.cnts-pl-doc,
.cnts-pl-panel,
.cnts-pl-drawer,
.cnts-pl-version,
.cnts-pl-activity,
.cnts-pl-access,
.cnts-pl-empty {
    background: rgba(30,32,34,.97) !important;
    border-color: rgba(255,255,255,.15) !important;
}

.cnts-pl-stats {
    background: rgba(26,28,30,.98) !important;
}

.cnts-pl-tab {
    background: rgba(34,36,38,.96) !important;
}

/* Keep phase/task numbering as the visual red navigation cue. */
.cnts-workspace-section-number,
.cnts-ready-now-number,
.cnts-project-attention-number {
    color: var(--cnts-red) !important;
}

/* Improve the small grey helper text that was nearly disappearing. */
.cnts-task-editor-content small,
.cnts-task-management-content small,
.cnts-workspace small,
.cnts-dashboard small {
    color: #aaa49b !important;
    opacity: 1 !important;
}

/* Desktop content frame gets subtle depth against the page image. */
@media (min-width: 901px) {
    .cnts-dashboard-content {
        box-shadow:
            inset 1px 0 0 rgba(255,255,255,.06),
            0 18px 55px rgba(0,0,0,.24) !important;
    }
}

/* Mobile: reduce visual density while retaining contrast. */
@media (max-width: 700px) {
    .cnts-workspace-task {
        margin: 6px 0 !important;
    }

    .cnts-task-management-content,
    .cnts-task-editor-content,
    .cnts-task-updates-content {
        padding: 16px !important;
    }
}


/* ============================================================
   24. WORKSPACE HIGH-CONTRAST APPLICATION PASS
   v2.11.0
   ------------------------------------------------------------
   Purpose:
   - Make workspace content genuinely easy to read
   - Use a light application canvas for task/work areas
   - Keep CNTS dark navigation / chrome
   - Preserve red/gold accents
   ============================================================ */

/* ------------------------------------------------------------
   MAIN APPLICATION CANVAS
   ------------------------------------------------------------ */

.cnts-dashboard-content,
.cnts-workspace-main,
.cnts-workspace-content {
    background: #ece8e1 !important;
    color: #202124 !important;
}

/* Keep outer frame / left navigation dark */
.cnts-dashboard-sidebar {
    background: #0d0f11 !important;
    color: #f0ece5 !important;
}

/* ------------------------------------------------------------
   PHASE / SECTION PANELS
   ------------------------------------------------------------ */

.cnts-workspace-section {
    background: #f4f1eb !important;
    border: 1px solid #c7c0b6 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}

.cnts-workspace-section-summary {
    background: #ddd7cf !important;
    border-bottom: 1px solid #beb6aa !important;
    color: #1a1b1d !important;
}

.cnts-workspace-section-summary,
.cnts-workspace-section-summary *,
.cnts-workspace-section-title {
    color: #1a1b1d !important;
}

/* ------------------------------------------------------------
   TASK CARDS
   ------------------------------------------------------------ */

.cnts-workspace-task {
    background: #fff !important;
    color: #1e2022 !important;
    border: 1px solid #cfc8be !important;
    border-left: 4px solid #d71920 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
}

.cnts-workspace-task:hover {
    background: #fffdfa !important;
    border-color: #bdb5aa !important;
}

.cnts-workspace-task-main h3,
.cnts-workspace-task-main h3 a,
.cnts-workspace-task-title,
.cnts-task-update-author {
    color: #17191b !important;
}

.cnts-workspace-task-description,
.cnts-workspace-task-description p,
.cnts-workspace-task-meta,
.cnts-workspace-task-meta span,
.cnts-workspace-task-meta strong,
.cnts-task-update-text,
.cnts-task-update-readonly {
    color: #54514d !important;
}

.cnts-workspace-task-meta strong {
    color: #292a2c !important;
}

/* ------------------------------------------------------------
   STATUS AREA
   ------------------------------------------------------------ */

.cnts-workspace-status-form select,
.cnts-workspace-task select {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #918a81 !important;
}

/* ------------------------------------------------------------
   COLLAPSIBLE DRAWER HEADERS
   ------------------------------------------------------------ */

.cnts-task-management-summary,
.cnts-task-editor-summary,
.cnts-task-updates-summary {
    background: #e7e2da !important;
    border: 1px solid #c8c0b6 !important;
    color: #202124 !important;
}

.cnts-task-management-summary *,
.cnts-task-editor-summary *,
.cnts-task-updates-summary * {
    color: #202124 !important;
}

.cnts-task-management-summary:hover,
.cnts-task-editor-summary:hover,
.cnts-task-updates-summary:hover {
    background: #ddd7cf !important;
}

/* ------------------------------------------------------------
   DRAWER CONTENT
   ------------------------------------------------------------ */

.cnts-task-management-content,
.cnts-task-editor-content,
.cnts-task-updates-content {
    background: #f8f5f0 !important;
    color: #202124 !important;
    border: 1px solid #c8c0b6 !important;
}

.cnts-task-management-content label,
.cnts-task-editor-content label,
.cnts-task-updates-content label {
    color: #2d2f31 !important;
}

.cnts-task-management-content small,
.cnts-task-editor-content small,
.cnts-task-updates-content small {
    color: #6b665f !important;
}

/* ------------------------------------------------------------
   FORM FIELDS
   ------------------------------------------------------------ */

.cnts-task-management-content input,
.cnts-task-management-content select,
.cnts-task-management-content textarea,
.cnts-task-editor-content input,
.cnts-task-editor-content select,
.cnts-task-editor-content textarea,
.cnts-task-updates-content input,
.cnts-task-updates-content select,
.cnts-task-updates-content textarea {
    background: #fff !important;
    color: #202124 !important;
    border: 1px solid #9a938a !important;
}

.cnts-task-management-content input::placeholder,
.cnts-task-editor-content input::placeholder,
.cnts-task-editor-content textarea::placeholder,
.cnts-task-updates-content textarea::placeholder {
    color: #827b72 !important;
}

/* ------------------------------------------------------------
   UPDATE / ACTIVITY CARDS
   ------------------------------------------------------------ */

.cnts-task-update-item {
    background: #fff !important;
    color: #202124 !important;
    border: 1px solid #d0c9bf !important;
}

.cnts-task-update-header time {
    color: #706960 !important;
}

.cnts-update-blocker {
    background: #fff1ef !important;
}

.cnts-update-decision {
    background: #f4f1eb !important;
}

/* ------------------------------------------------------------
   OVERVIEW / READY NOW / MY WORK
   ------------------------------------------------------------ */

.cnts-project-overview,
.cnts-my-work,
.cnts-ready-now,
.cnts-compact-dashboard {
    background: #ece8e1 !important;
    color: #202124 !important;
}

.cnts-project-overview-panel,
.cnts-project-attention,
.cnts-my-work-column,
.cnts-my-work-attention,
.cnts-team-workload,
.cnts-ready-now-list,
.cnts-dashboard-panel {
    background: #fff !important;
    color: #202124 !important;
    border: 1px solid #c9c2b8 !important;
}

.cnts-project-stat {
    background: #f7f4ef !important;
    border-color: #cbc4ba !important;
}

.cnts-project-stat strong,
.cnts-project-team-row strong,
.cnts-project-attention-row strong,
.cnts-ready-now-main h3,
.cnts-ready-now-phase strong,
.cnts-my-work h2,
.cnts-project-overview h2,
.cnts-ready-now h2 {
    color: #1d1f21 !important;
}

.cnts-project-stat span,
.cnts-project-team-row span,
.cnts-project-attention-row small,
.cnts-ready-now-meta,
.cnts-my-work-task-meta,
.cnts-project-overview p {
    color: #655f58 !important;
}

/* ------------------------------------------------------------
   READY NOW / DEPENDENCY PILLS
   ------------------------------------------------------------ */

.cnts-ready-now-task,
.cnts-my-work-task,
.cnts-project-attention-row {
    border-color: #d5cec4 !important;
}

.cnts-ready-now-number,
.cnts-project-attention-number,
.cnts-workspace-section-number {
    color: #c31218 !important;
}

/* ------------------------------------------------------------
   PROJECT LIBRARY
   ------------------------------------------------------------ */

.cnts-pl-head,
.cnts-pl-doc,
.cnts-pl-panel,
.cnts-pl-drawer,
.cnts-pl-version,
.cnts-pl-activity,
.cnts-pl-access,
.cnts-pl-empty,
.cnts-pl-stats,
.cnts-pl-tab {
    background: #fff !important;
    color: #202124 !important;
    border-color: #ccc5ba !important;
}

.cnts-pl-head h2,
.cnts-pl-doc h3,
.cnts-pl-panel h3,
.cnts-pl-tab {
    color: #202124 !important;
}

.cnts-pl-head p,
.cnts-pl-doc p,
.cnts-pl-panel p,
.cnts-pl-version,
.cnts-pl-activity {
    color: #625d56 !important;
}

/* ------------------------------------------------------------
   SIDEBAR REFINEMENT
   ------------------------------------------------------------ */

.cnts-dashboard-sidebar .cnts-dashboard-nav-item,
.cnts-dashboard-sidebar a {
    color: #ece7df !important;
}

.cnts-dashboard-sidebar .cnts-dashboard-nav-item:hover,
.cnts-dashboard-sidebar .cnts-dashboard-nav-item.is-active {
    background: #202327 !important;
    color: #fff !important;
}

/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

.cnts-workspace .cnts-btn,
.cnts-workspace button,
.cnts-dashboard button {
    font-weight: 800;
}

/* Preserve primary red actions */
.cnts-workspace .cnts-btn-primary,
.cnts-workspace button[type="submit"],
.cnts-dashboard button[type="submit"] {
    background: #d71920 !important;
    color: #fff !important;
    border-color: #d71920 !important;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 700px) {
    .cnts-workspace-task {
        border-left-width: 3px !important;
    }

    .cnts-task-management-content,
    .cnts-task-editor-content,
    .cnts-task-updates-content {
        padding: 15px !important;
    }
}


/* ============================================================
   25. WORKSPACE LIGHT-SURFACE TEXT CORRECTION
   v2.11.1
   ------------------------------------------------------------
   Fixes legacy light-text rules still winning inside the new
   light application canvas.
   ============================================================ */

/* Main workspace headings / intro copy */
.cnts-dashboard-content h1,
.cnts-dashboard-content h2,
.cnts-dashboard-content h3,
.cnts-dashboard-content h4,
.cnts-dashboard-content h5,
.cnts-dashboard-content h6,
.cnts-workspace-main h1,
.cnts-workspace-main h2,
.cnts-workspace-main h3,
.cnts-workspace-main h4,
.cnts-workspace-content h1,
.cnts-workspace-content h2,
.cnts-workspace-content h3,
.cnts-workspace-content h4 {
    color: #1c1d1f !important;
}

.cnts-dashboard-content p,
.cnts-workspace-main p,
.cnts-workspace-content p,
.cnts-dashboard-content .cnts-lead,
.cnts-workspace-main .cnts-lead,
.cnts-workspace-content .cnts-lead {
    color: #5b5650 !important;
}

/* Eyebrows, labels and progress copy */
.cnts-dashboard-content .cnts-eyebrow,
.cnts-workspace-main .cnts-eyebrow,
.cnts-workspace-content .cnts-eyebrow,
.cnts-dashboard-content .cnts-label,
.cnts-workspace-main .cnts-label,
.cnts-workspace-content .cnts-label,
.cnts-dashboard-content .cnts-project-progress-label,
.cnts-workspace-main .cnts-project-progress-label {
    color: #6b655e !important;
    opacity: 1 !important;
}

/* Workspace hero/title block */
.cnts-workspace-hero h1,
.cnts-workspace-hero h2,
.cnts-workspace-hero h3,
.cnts-workspace-hero strong {
    color: #1a1b1d !important;
}

.cnts-workspace-hero p,
.cnts-workspace-hero span:not(.cnts-btn):not(.cnts-status) {
    color: #5f5a54 !important;
}

/* Section headings and milestone text */
.cnts-workspace-section-heading,
.cnts-workspace-section-heading *,
.cnts-milestone-summary h3,
.cnts-milestone-summary strong,
.cnts-milestone-summary p,
.cnts-milestone-counts,
.cnts-project-tasks-heading,
.cnts-project-tasks-heading * {
    color: #222426 !important;
}

/* Drawer text was still inheriting white from the old dark workspace */
.cnts-task-management-summary,
.cnts-task-management-summary *,
.cnts-task-editor-summary,
.cnts-task-editor-summary *,
.cnts-task-updates-summary,
.cnts-task-updates-summary * {
    color: #252729 !important;
    opacity: 1 !important;
}

/* Update count on the far right */
.cnts-task-updates-summary small,
.cnts-task-management-summary small,
.cnts-task-editor-summary small {
    color: #6b655e !important;
    opacity: 1 !important;
}

/* Library labels inside task cards */
.cnts-workspace-task .cnts-project-library-label,
.cnts-workspace-task .cnts-library-label,
.cnts-workspace-task .cnts-pl-label,
.cnts-workspace-task .cnts-pl-meta,
.cnts-workspace-task .cnts-pl-version {
    color: #5f5a54 !important;
}

/* Buttons/pills intentionally stay dark/red */
.cnts-workspace .cnts-btn,
.cnts-workspace .cnts-status,
.cnts-workspace .cnts-dependency-pill,
.cnts-workspace .cnts-task-status,
.cnts-workspace .cnts-task-number {
    opacity: 1 !important;
}

/* Protect dark buttons from broad light-surface text rules */
.cnts-workspace a.cnts-btn,
.cnts-workspace button,
.cnts-workspace .cnts-dependency-pill,
.cnts-workspace .cnts-status,
.cnts-workspace .cnts-task-status {
    text-shadow: none !important;
}

/* The large page-level task heading needs maximum contrast */
.cnts-dashboard-content .cnts-project-tasks h2,
.cnts-workspace-main .cnts-project-tasks h2,
.cnts-workspace-content .cnts-project-tasks h2 {
    color: #18191b !important;
}

/* Success/info notice text */
.cnts-workspace .cnts-notice,
.cnts-workspace .cnts-workspace-notice,
.cnts-dashboard-content .cnts-notice,
.cnts-dashboard-content .cnts-workspace-notice {
    color: #3a3531 !important;
}


/* ============================================================
   27. WORKSPACE — UNIFIED CNTS DARK / GLASS THEME
   v2.12.0
   ------------------------------------------------------------
   Additional CSS Pass 8 removed the legacy conflicts, so the
   Workspace can now return to the same cinematic visual language
   as the rest of CNTS without losing readability.
   ============================================================ */

/* ------------------------------------------------------------
   APPLICATION CANVAS
   ------------------------------------------------------------ */

.cnts-dashboard-content,
.cnts-workspace-main,
.cnts-workspace-content,
.cnts-project-overview,
.cnts-my-work,
.cnts-ready-now,
.cnts-compact-dashboard {
    background:
        linear-gradient(
            180deg,
            rgba(15, 17, 19, .96),
            rgba(10, 12, 14, .96)
        ) !important;
    color: #c9c3ba !important;
}

/* Navigation remains the darkest layer */
.cnts-dashboard-sidebar {
    background: rgba(7, 8, 10, .98) !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
}

/* ------------------------------------------------------------
   HERO / PROJECT IDENTITY
   ------------------------------------------------------------ */

.cnts-workspace-hero,
.cnts-dashboard-content .cnts-workspace-hero {
    background:
        linear-gradient(
            135deg,
            rgba(20,22,24,.96),
            rgba(11,13,15,.92)
        ) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.cnts-workspace-hero h1,
.cnts-workspace-hero h2,
.cnts-workspace-hero h3,
.cnts-dashboard-content h1,
.cnts-dashboard-content h2,
.cnts-dashboard-content h3 {
    color: #eee9e1 !important;
}

.cnts-workspace-hero p,
.cnts-workspace-hero .cnts-lead,
.cnts-dashboard-content p {
    color: #b9b3aa !important;
}

.cnts-workspace-hero .cnts-eyebrow,
.cnts-dashboard-content .cnts-eyebrow {
    color: #d6b56d !important;
}

/* ------------------------------------------------------------
   PHASE / SECTION PANELS
   ------------------------------------------------------------ */

.cnts-workspace-section {
    background: rgba(26, 28, 31, .96) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.22) !important;
}

.cnts-workspace-section-summary {
    background: rgba(36, 38, 41, .98) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.cnts-workspace-section-summary,
.cnts-workspace-section-summary *,
.cnts-workspace-section-title {
    color: #eee9e1 !important;
}

.cnts-workspace-section-number {
    color: var(--cnts-red) !important;
}

/* ------------------------------------------------------------
   TASK CARDS
   ------------------------------------------------------------ */

.cnts-workspace-task {
    background: rgba(32, 34, 37, .98) !important;
    color: #cbc5bc !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-left: 4px solid var(--cnts-red) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}

.cnts-workspace-task:hover {
    background: rgba(40, 42, 45, .99) !important;
    border-color: rgba(255,255,255,.20) !important;
}

.cnts-workspace-task-main h3,
.cnts-workspace-task-main h3 a,
.cnts-workspace-task-title,
.cnts-task-update-author {
    color: #f1ede6 !important;
}

.cnts-workspace-task-description,
.cnts-workspace-task-description p,
.cnts-workspace-task-meta,
.cnts-workspace-task-meta span,
.cnts-task-update-text,
.cnts-task-update-readonly {
    color: #b9b3aa !important;
}

.cnts-workspace-task-meta strong {
    color: #ddd7cf !important;
}

/* ------------------------------------------------------------
   STATUS / SELECTS
   ------------------------------------------------------------ */

.cnts-workspace-status-form select,
.cnts-workspace-task select,
.cnts-workspace input,
.cnts-workspace textarea,
.cnts-workspace select {
    background: #17191b !important;
    color: #ece7df !important;
    border: 1px solid #6c665f !important;
}

.cnts-workspace input::placeholder,
.cnts-workspace textarea::placeholder {
    color: #8f8981 !important;
}

/* ------------------------------------------------------------
   DRAWER HEADERS
   ------------------------------------------------------------ */

.cnts-task-management-summary,
.cnts-task-editor-summary,
.cnts-task-updates-summary {
    background: rgba(19,21,23,.98) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: #eee9e1 !important;
}

.cnts-task-management-summary *,
.cnts-task-editor-summary *,
.cnts-task-updates-summary * {
    color: #eee9e1 !important;
}

.cnts-task-management-summary small,
.cnts-task-editor-summary small,
.cnts-task-updates-summary small {
    color: #9f9990 !important;
}

/* ------------------------------------------------------------
   DRAWER CONTENT
   ------------------------------------------------------------ */

.cnts-task-management-content,
.cnts-task-editor-content,
.cnts-task-updates-content {
    background: rgba(28,30,33,.99) !important;
    color: #c9c3ba !important;
    border: 1px solid rgba(255,255,255,.13) !important;
}

.cnts-task-management-content label,
.cnts-task-editor-content label,
.cnts-task-updates-content label {
    color: #ddd7cf !important;
}

.cnts-task-management-content small,
.cnts-task-editor-content small,
.cnts-task-updates-content small,
.cnts-task-no-updates {
    color: #9f9990 !important;
}

/* ------------------------------------------------------------
   UPDATE HISTORY
   ------------------------------------------------------------ */

.cnts-task-update-item {
    background: rgba(38,40,43,.98) !important;
    color: #c9c3ba !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

.cnts-task-update-header time {
    color: #969087 !important;
}

.cnts-update-blocker {
    background: rgba(115,28,28,.24) !important;
}

.cnts-update-decision {
    background: rgba(49,51,54,.98) !important;
}

/* ------------------------------------------------------------
   OVERVIEW / READY NOW / MY WORK / DASHBOARD PANELS
   ------------------------------------------------------------ */

.cnts-project-overview-panel,
.cnts-project-attention,
.cnts-my-work-column,
.cnts-my-work-attention,
.cnts-team-workload,
.cnts-ready-now-list,
.cnts-dashboard-panel,
.cnts-project-stat {
    background: rgba(28,30,33,.96) !important;
    color: #c9c3ba !important;
    border-color: rgba(255,255,255,.13) !important;
}

.cnts-project-stat strong,
.cnts-project-team-row strong,
.cnts-project-attention-row strong,
.cnts-ready-now-main h3,
.cnts-ready-now-phase strong,
.cnts-my-work h2,
.cnts-project-overview h2,
.cnts-ready-now h2 {
    color: #eee9e1 !important;
}

.cnts-project-stat span,
.cnts-project-team-row span,
.cnts-project-attention-row small,
.cnts-ready-now-meta,
.cnts-my-work-task-meta {
    color: #9f9990 !important;
}

/* ------------------------------------------------------------
   PROJECT LIBRARY
   ------------------------------------------------------------ */

.cnts-pl-head,
.cnts-pl-doc,
.cnts-pl-panel,
.cnts-pl-drawer,
.cnts-pl-version,
.cnts-pl-activity,
.cnts-pl-access,
.cnts-pl-empty,
.cnts-pl-stats,
.cnts-pl-tab {
    background: rgba(28,30,33,.96) !important;
    color: #c9c3ba !important;
    border-color: rgba(255,255,255,.13) !important;
}

.cnts-pl-head h2,
.cnts-pl-doc h3,
.cnts-pl-panel h3,
.cnts-pl-tab {
    color: #eee9e1 !important;
}

.cnts-pl-head p,
.cnts-pl-doc p,
.cnts-pl-panel p,
.cnts-pl-version,
.cnts-pl-activity {
    color: #aaa49b !important;
}

/* ------------------------------------------------------------
   ACCENTS / BUTTONS
   ------------------------------------------------------------ */

.cnts-workspace .cnts-btn-primary,
.cnts-workspace button[type="submit"],
.cnts-dashboard button[type="submit"] {
    background: var(--cnts-red) !important;
    color: #fff !important;
    border-color: var(--cnts-red) !important;
}

.cnts-workspace .cnts-btn-secondary,
.cnts-workspace .button-secondary {
    background: transparent !important;
    color: #ddd7cf !important;
    border-color: #6f6961 !important;
}

.cnts-workspace .cnts-btn-secondary:hover,
.cnts-workspace .button-secondary:hover {
    color: #fff !important;
    border-color: var(--cnts-red) !important;
}

/* Gold used sparingly as a production-system highlight */
.cnts-workspace .cnts-label,
.cnts-workspace .cnts-eyebrow,
.cnts-project-progress-label {
    color: #d6b56d !important;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 700px) {
    .cnts-workspace-task {
        border-left-width: 3px !important;
    }

    .cnts-task-management-content,
    .cnts-task-editor-content,
    .cnts-task-updates-content {
        padding: 16px !important;
    }
}


/* ============================================================
   28. WORKSPACE DRAWER HOVER CORRECTION
   v2.12.1
   ------------------------------------------------------------
   Older light-theme hover rules remained in the stylesheet and
   were still firing on Project Management / Edit Task /
   Updates & Notes summaries. Force hover/open states back into
   the unified CNTS dark theme.
   ============================================================ */

.cnts-task-management-summary:hover,
.cnts-task-editor-summary:hover,
.cnts-task-updates-summary:hover,
.cnts-task-management-panel[open] .cnts-task-management-summary,
.cnts-task-editor-panel[open] .cnts-task-editor-summary,
.cnts-task-updates-panel[open] .cnts-task-updates-summary,
details[open] > .cnts-task-management-summary,
details[open] > .cnts-task-editor-summary,
details[open] > .cnts-task-updates-summary {
    background: rgba(31, 34, 37, .99) !important;
    color: #f1ede6 !important;
    border-color: rgba(255,255,255,.16) !important;
}

.cnts-task-management-summary:hover *,
.cnts-task-editor-summary:hover *,
.cnts-task-updates-summary:hover *,
details[open] > .cnts-task-management-summary *,
details[open] > .cnts-task-editor-summary *,
details[open] > .cnts-task-updates-summary * {
    color: #f1ede6 !important;
}

/* Keep the red disclosure marker visible on hover/open. */
.cnts-task-management-summary:hover::before,
.cnts-task-editor-summary:hover::before,
.cnts-task-updates-summary:hover::before,
details[open] > .cnts-task-management-summary::before,
details[open] > .cnts-task-editor-summary::before,
details[open] > .cnts-task-updates-summary::before {
    color: var(--cnts-red) !important;
}


/* ============================================================
   29. ADMIN PROJECTS — CLARITY PASS
   v2.12.2
   ------------------------------------------------------------
   Pass 8 correctly removed legacy application styling from
   Additional CSS. This restores deliberate hierarchy to the
   native /admin-projects/ surface inside the Design System.
   ============================================================ */

.cnts-project-management-page {
    --cnts-pm-surface: rgba(24, 27, 30, .97);
    --cnts-pm-surface-soft: rgba(32, 35, 38, .98);
    --cnts-pm-surface-raised: rgba(40, 43, 47, .98);
    --cnts-pm-border: rgba(255,255,255,.16);
    --cnts-pm-heading: #f1ede6;
    --cnts-pm-text: #c7c1b8;
    --cnts-pm-muted: #aaa39a;

    color: var(--cnts-pm-text) !important;
}

/* Main project cards */
.cnts-project-management-page .cnts-project-management-card {
    background:
        linear-gradient(
            180deg,
            var(--cnts-pm-surface-soft),
            var(--cnts-pm-surface)
        ) !important;
    border: 1px solid var(--cnts-pm-border) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.20) !important;
}

/* Project identity */
.cnts-project-management-page .cnts-project-management-card h2,
.cnts-project-management-page .cnts-project-management-card h3,
.cnts-project-management-page .cnts-project-management-card strong {
    color: var(--cnts-pm-heading) !important;
}

.cnts-project-management-page .cnts-project-management-card p,
.cnts-project-management-page .cnts-project-management-card span,
.cnts-project-management-page .cnts-project-management-card small {
    color: var(--cnts-pm-text) !important;
    opacity: 1 !important;
}

.cnts-project-management-page .cnts-project-management-kicker {
    color: #d6b56d !important;
    opacity: 1 !important;
}

/* Stats become distinct tiles rather than disappearing into the card */
.cnts-project-management-page .cnts-project-management-task-grid {
    gap: 8px !important;
}

.cnts-project-management-page .cnts-project-management-task-grid > div,
.cnts-project-management-page .cnts-project-management-stat {
    background: var(--cnts-pm-surface-raised) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
}

.cnts-project-management-page .cnts-project-management-task-grid strong,
.cnts-project-management-page .cnts-project-management-stat strong {
    color: #fff !important;
}

.cnts-project-management-page .cnts-project-management-task-grid span,
.cnts-project-management-page .cnts-project-management-stat span,
.cnts-project-management-page .cnts-project-management-stat small {
    color: var(--cnts-pm-muted) !important;
    opacity: 1 !important;
}

/* Progress track needs enough contrast to read at a glance */
.cnts-project-management-page .cnts-project-management-progress {
    background: rgba(255,255,255,.16) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cnts-project-management-page .cnts-project-management-progress span {
    background: var(--cnts-red) !important;
}

/* Project leads */
.cnts-project-management-page .cnts-project-lead-card {
    background: rgba(29,32,35,.98) !important;
    border: 1px solid var(--cnts-pm-border) !important;
}

.cnts-project-management-page .cnts-project-lead-person strong,
.cnts-project-management-page .cnts-project-lead-card h3 {
    color: var(--cnts-pm-heading) !important;
}

.cnts-project-management-page .cnts-project-lead-person p,
.cnts-project-management-page .cnts-project-lead-person span,
.cnts-project-management-page .cnts-project-lead-person small {
    color: var(--cnts-pm-muted) !important;
    opacity: 1 !important;
}

.cnts-project-management-page .cnts-project-lead-badges span {
    background: rgba(255,255,255,.09) !important;
    color: #e5dfd6 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
}

/* Actions should look actionable */
.cnts-project-management-page .cnts-project-management-actions {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.13) !important;
}

.cnts-project-management-page .cnts-project-management-actions a {
    color: #e6e0d7 !important;
    font-weight: 800 !important;
}

.cnts-project-management-page .cnts-project-management-actions a:hover {
    color: var(--cnts-red) !important;
}

/* Empty/editor states */
.cnts-project-management-page .cnts-project-management-empty,
.cnts-project-management-page .cnts-project-management-empty-light {
    background: rgba(28,31,34,.96) !important;
    border: 1px solid var(--cnts-pm-border) !important;
    color: var(--cnts-pm-text) !important;
}

/* Inputs on the project administration page */
.cnts-project-management-page input,
.cnts-project-management-page select,
.cnts-project-management-page textarea {
    background: #17191b !important;
    color: #eee9e1 !important;
    border-color: #716b63 !important;
}

.cnts-project-management-page label {
    color: #ddd7cf !important;
}

.cnts-project-management-page input::placeholder,
.cnts-project-management-page textarea::placeholder {
    color: #8f8981 !important;
}


/* ============================================================
   30. ADMIN PROJECTS — TEXT CONTRAST CORRECTION
   v2.12.3
   ------------------------------------------------------------
   The /admin-projects/ "Project Leads" section is rendered with
   cnts-section-light semantic classes, but the site now presents
   that surface over a cinematic dark background. Legacy light-
   section typography was therefore winning for the H2, lead text
   and lead-card identity. Lock this page to the dark application
   typography hierarchy.
   ============================================================ */

.cnts-page.cnts-project-management-page
.cnts-section-light {
    color: #c7c1b8 !important;
}

.cnts-page.cnts-project-management-page
.cnts-section-light > .cnts-container > h1,
.cnts-page.cnts-project-management-page
.cnts-section-light > .cnts-container > h2,
.cnts-page.cnts-project-management-page
.cnts-section-light > .cnts-container > h3 {
    color: #f1ede6 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-section-light > .cnts-container > .cnts-lead {
    color: #c7c1b8 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-section-light > .cnts-container > .cnts-eyebrow {
    color: #d6b56d !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-project-lead-card
.cnts-project-lead-person h3 {
    color: #f1ede6 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-project-lead-card
.cnts-project-lead-person p {
    color: #aaa39a !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-project-lead-card
.cnts-project-management-actions a {
    color: #eee8df !important;
    opacity: 1 !important;
}

.cnts-page.cnts-project-management-page
.cnts-project-lead-card
.cnts-project-management-actions a:hover {
    color: var(--cnts-red) !important;
}


/* ============================================================
   31. HUB + MANAGEMENT SURFACES — CONTRAST OWNERSHIP
   v2.12.4
   ------------------------------------------------------------
   Additional CSS Pass 8 correctly stopped owning application
   presentation. These rules make the Design System explicitly
   own typography, cards and inner application surfaces for:
   - Admin Hub
   - Partner Hub
   - Partner Management (/admin-partners/)
   ============================================================ */


/* ------------------------------------------------------------
   ADMIN HUB
   ------------------------------------------------------------ */

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main {
    color: #c7c1b8 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main h1,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main h2,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main h3,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main h4,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main strong {
    color: #f1ede6 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main p,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-main small,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-copy {
    color: #b9b3aa !important;
    opacity: 1 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-section-title > span,
.cnts-page.cnts-admin-hub-page .cnts-admin-hub-label {
    color: #d6b56d !important;
    opacity: 1 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-card,
.cnts-page.cnts-admin-hub-page .cnts-pending-overview {
    background:
        linear-gradient(
            180deg,
            rgba(28,31,34,.97),
            rgba(20,23,26,.97)
        ) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    color: #c7c1b8 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-card:hover {
    background:
        linear-gradient(
            180deg,
            rgba(36,39,42,.98),
            rgba(24,27,30,.98)
        ) !important;
    border-color: rgba(255,255,255,.27) !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-card strong {
    color: #f1ede6 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-admin-hub-action {
    color: #e8e3da !important;
    opacity: 1 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-hub-jumps a {
    background: rgba(24,27,30,.96) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #eee8df !important;
}

.cnts-page.cnts-admin-hub-page .cnts-hub-jumps a:hover {
    border-color: var(--cnts-red) !important;
    color: #fff !important;
}

.cnts-page.cnts-admin-hub-page .cnts-pending-grid > a {
    background: rgba(39,42,45,.98) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: #e8e3da !important;
}

.cnts-page.cnts-admin-hub-page .cnts-pending-grid > a strong {
    color: #fff !important;
}

.cnts-page.cnts-admin-hub-page .cnts-pending-grid > a span {
    color: #e3ddd4 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-pending-grid > a small {
    color: #aaa39a !important;
}


/* ------------------------------------------------------------
   PARTNER HUB
   ------------------------------------------------------------ */

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section {
    color: #c7c1b8 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section h1,
.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section h2,
.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section h3,
.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section h4,
.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section strong {
    color: #f1ede6 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section p {
    color: #b9b3aa !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-heading h2 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section-title > span,
.cnts-page.cnts-partner-hub-page .cnts-partner-hub-label {
    color: #d6b56d !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-section-title h3 {
    color: #d9d3ca !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-card,
.cnts-page.cnts-partner-hub-page .cnts-pending-overview {
    background:
        linear-gradient(
            180deg,
            rgba(28,31,34,.97),
            rgba(20,23,26,.97)
        ) !important;
    border-color: rgba(255,255,255,.17) !important;
    color: #c7c1b8 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-card strong {
    color: #f1ede6 !important;
}

.cnts-page.cnts-partner-hub-page
.cnts-partner-hub-card > span:not(.cnts-partner-hub-label):not(.cnts-partner-hub-action):not(.cnts-partner-hub-status):not(.cnts-partner-hub-card-stats) {
    color: #b9b3aa !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-action {
    color: #eee8df !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-partner-hub-role {
    background: rgba(25,28,31,.98) !important;
    border-color: rgba(214,181,109,.35) !important;
    color: #d6b56d !important;
}

.cnts-page.cnts-partner-hub-page .cnts-pending-grid > a {
    background: rgba(39,42,45,.98) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: #e8e3da !important;
}

.cnts-page.cnts-partner-hub-page .cnts-pending-grid > a strong {
    color: #fff !important;
}

.cnts-page.cnts-partner-hub-page .cnts-pending-grid > a span {
    color: #e3ddd4 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-pending-grid > a small {
    color: #aaa39a !important;
}


/* ------------------------------------------------------------
   PARTNER MANAGEMENT / ADMIN-PARTNERS
   ------------------------------------------------------------ */

.cnts-page.cnts-partner-management-page,
.cnts-page.cnts-partner-management-page .cnts-section,
.cnts-page.cnts-partner-management-page .cnts-partner-management-network {
    color: #c7c1b8 !important;
}

.cnts-page.cnts-partner-management-page h1,
.cnts-page.cnts-partner-management-page h2,
.cnts-page.cnts-partner-management-page h3,
.cnts-page.cnts-partner-management-page h4,
.cnts-page.cnts-partner-management-page strong,
.cnts-page.cnts-partner-management-page label {
    color: #f1ede6 !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-management-page p,
.cnts-page.cnts-partner-management-page small {
    color: #b9b3aa !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-management-page .cnts-eyebrow {
    color: #d6b56d !important;
    opacity: 1 !important;
}

.cnts-page.cnts-partner-management-page .cnts-partner-management-card,
.cnts-page.cnts-partner-management-page .cnts-partner-management-empty,
.cnts-page.cnts-partner-management-page .cnts-partner-application-card {
    background:
        linear-gradient(
            180deg,
            rgba(27,30,33,.98),
            rgba(18,21,24,.98)
        ) !important;
    border-color: rgba(255,255,255,.17) !important;
    color: #c7c1b8 !important;
}

.cnts-page.cnts-partner-management-page .cnts-partner-management-person h3 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-partner-management-page .cnts-partner-management-person p {
    color: #aaa39a !important;
}

.cnts-page.cnts-partner-management-page .cnts-partner-management-card-actions a,
.cnts-page.cnts-partner-management-page .cnts-partner-management-action {
    color: #eee8df !important;
}

.cnts-page.cnts-partner-management-page .cnts-partner-management-card-actions a:hover,
.cnts-page.cnts-partner-management-page .cnts-partner-management-action:hover {
    color: var(--cnts-red) !important;
}

.cnts-page.cnts-partner-management-page select,
.cnts-page.cnts-partner-management-page input[type="text"],
.cnts-page.cnts-partner-management-page input[type="email"] {
    background: #17191b !important;
    color: #f1ede6 !important;
    border-color: #716b63 !important;
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.12.5 — COMPACT PARTNER DIRECTORY
   Presentation only. Platform owns Partner Directory data/markup.
   ============================================================ */

.cnts-partner-directory-section .cnts-partner-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 28px;
}

.cnts-partner-directory-section .cnts-partner-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 118px;
    padding: 18px 24px;
    background: rgba(12, 12, 12, 0.90);
    border: 1px solid rgba(232, 227, 218, 0.18);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.cnts-partner-directory-section .cnts-partner-card__avatar {
    width: 88px;
    height: 88px;
    margin: 0;
    overflow: hidden;
    flex: none;
}

.cnts-partner-directory-section .cnts-partner-card__avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cnts-partner-directory-section .cnts-partner-card__avatar > span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.06);
    color: #D6B56D;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.cnts-partner-directory-section .cnts-partner-card__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "type actions"
        "name actions"
        "handle actions"
        "bio actions";
    align-items: center;
    column-gap: 28px;
    min-width: 0;
}

.cnts-partner-directory-section .cnts-partner-card__type {
    grid-area: type;
    margin: 0 0 8px;
    color: #D71920;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.cnts-partner-directory-section .cnts-partner-card__content > h3 {
    grid-area: name;
    margin: 0;
    color: #E8E3DA;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.1;
}

.cnts-partner-directory-section .cnts-partner-card__handle {
    grid-area: handle;
    margin: 7px 0 0;
    color: #B9B3AA;
    font-weight: 700;
}

.cnts-partner-directory-section .cnts-partner-card__content > p:not(.cnts-partner-card__handle) {
    grid-area: bio;
    margin: 8px 0 0;
    color: #9D978E;
    line-height: 1.45;
}

.cnts-partner-directory-section .cnts-partner-card__actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    white-space: nowrap;
}

.cnts-partner-directory-section .cnts-partner-card__button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border: 1px solid rgba(232, 227, 218, 0.34);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cnts-partner-directory-section .cnts-partner-card__button--primary {
    background: #D71920;
    border-color: #D71920;
    color: #fff;
}

.cnts-partner-directory-section .cnts-partner-card__button--secondary {
    background: transparent;
    color: #E8E3DA;
}

.cnts-partner-directory-section .cnts-partner-card__button:hover,
.cnts-partner-directory-section .cnts-partner-card__button:focus-visible {
    transform: translateY(-1px);
    text-decoration: none;
}

@media (max-width: 820px) {
    .cnts-partner-directory-section .cnts-partner-card {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 16px;
        padding: 16px;
    }

    .cnts-partner-directory-section .cnts-partner-card__avatar {
        width: 72px;
        height: 72px;
        align-self: start;
    }

    .cnts-partner-directory-section .cnts-partner-card__content {
        grid-template-columns: 1fr;
        grid-template-areas:
            "type"
            "name"
            "handle"
            "bio"
            "actions";
        row-gap: 0;
    }

    .cnts-partner-directory-section .cnts-partner-card__actions {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 14px;
        white-space: normal;
    }
}

@media (max-width: 520px) {
    .cnts-partner-directory-section .cnts-partner-card {
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 14px;
    }

    .cnts-partner-directory-section .cnts-partner-card__avatar {
        width: 60px;
        height: 60px;
    }

    .cnts-partner-directory-section .cnts-partner-card__actions {
        grid-column: 1 / -1;
    }

    .cnts-partner-directory-section .cnts-partner-card__button {
        flex: 1 1 130px;
    }
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.12.6 — TWO-COLUMN PARTNER DIRECTORY
   Desktop density pass. Mobile/tablet behaviour remains compact.
   ============================================================ */

@media (min-width: 1000px) {
    .cnts-partner-directory-section .cnts-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .cnts-partner-directory-section .cnts-partner-card {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 16px;
        min-height: 112px;
        padding: 16px 18px;
    }

    .cnts-partner-directory-section .cnts-partner-card__avatar {
        width: 76px;
        height: 76px;
    }

    .cnts-partner-directory-section .cnts-partner-card__content {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "type"
            "name"
            "handle"
            "actions";
        align-content: center;
        column-gap: 0;
    }

    .cnts-partner-directory-section .cnts-partner-card__type {
        margin-bottom: 5px;
    }

    .cnts-partner-directory-section .cnts-partner-card__handle {
        margin-top: 5px;
    }

    .cnts-partner-directory-section .cnts-partner-card__actions {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
        white-space: normal;
    }

    .cnts-partner-directory-section .cnts-partner-card__button {
        min-height: 38px;
        padding: 9px 13px;
        font-size: 0.74rem;
    }
}

@media (min-width: 1280px) {
    .cnts-partner-directory-section .cnts-partner-card {
        grid-template-columns: 82px minmax(0, 1fr);
        gap: 18px;
    }

    .cnts-partner-directory-section .cnts-partner-card__avatar {
        width: 82px;
        height: 82px;
    }

    .cnts-partner-directory-section .cnts-partner-card__content {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "type actions"
            "name actions"
            "handle actions";
        column-gap: 16px;
    }

    .cnts-partner-directory-section .cnts-partner-card__actions {
        justify-content: flex-end;
        flex-wrap: nowrap;
        margin-top: 0;
        white-space: nowrap;
    }
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.12.7 — PARTNER APPLICATION THEME
   Presentation ownership moved into the Design System.
   ============================================================ */

.cnts-partner-application {
    background: transparent;
    color: var(--cnts-body, #B9B3AA);
}

.cnts-partner-application .cnts-section-black,
.cnts-partner-application .cnts-section-light {
    background: rgba(8, 8, 8, .88) !important;
    color: var(--cnts-body, #B9B3AA) !important;
}

.cnts-partner-application .cnts-section-black {
    border-bottom: 1px solid rgba(214, 181, 109, .22);
}

.cnts-partner-application h1,
.cnts-partner-application h2,
.cnts-partner-application h3,
.cnts-partner-application .cnts-lead {
    color: var(--cnts-heading, #E8E3DA) !important;
}

.cnts-partner-application .cnts-eyebrow {
    color: var(--cnts-gold, #D6B56D) !important;
}

.cnts-partner-application .cnts-partner-app-section {
    background: rgba(18, 18, 18, .92) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
}

.cnts-partner-application .cnts-partner-app-section-heading strong,
.cnts-partner-application .cnts-partner-app-form label {
    color: var(--cnts-heading, #E8E3DA) !important;
}

.cnts-partner-application .cnts-partner-app-section-heading small,
.cnts-partner-application .cnts-partner-app-form small,
.cnts-partner-application .cnts-partner-app-intro p {
    color: var(--cnts-muted, #9D978E) !important;
}

.cnts-partner-application .cnts-partner-app-form input[type="text"],
.cnts-partner-application .cnts-partner-app-form input[type="email"],
.cnts-partner-application .cnts-partner-app-form input[type="url"],
.cnts-partner-application .cnts-partner-app-form input[type="file"],
.cnts-partner-application .cnts-partner-app-form select,
.cnts-partner-application .cnts-partner-app-form textarea {
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    color: var(--cnts-heading, #E8E3DA) !important;
}

.cnts-partner-application .cnts-partner-app-form input:focus,
.cnts-partner-application .cnts-partner-app-form select:focus,
.cnts-partner-application .cnts-partner-app-form textarea:focus {
    border-color: var(--cnts-gold, #D6B56D) !important;
    outline: 1px solid var(--cnts-gold, #D6B56D);
    outline-offset: 1px;
}

.cnts-partner-application .cnts-partner-app-form select option {
    background: #171717;
    color: #E8E3DA;
}

.cnts-partner-application .cnts-partner-app-agreement {
    background: rgba(214, 181, 109, .08) !important;
    border-left-color: var(--cnts-red, #D71920) !important;
}

.cnts-partner-application .cnts-partner-app-agreement label {
    color: var(--cnts-body, #B9B3AA) !important;
}

.cnts-partner-application .cnts-partner-app-error,
.cnts-partner-application .cnts-partner-app-message {
    background: rgba(18, 18, 18, .95) !important;
    color: var(--cnts-body, #B9B3AA) !important;
}

.cnts-partner-application .cnts-partner-app-submit {
    background: var(--cnts-red, #D71920) !important;
    color: #fff !important;
}

.cnts-partner-application .cnts-partner-app-submit:hover {
    background: #b8141a !important;
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.12.8 — PARTNER APPLICATION
   PARTNERS CINEMATIC CONTINUITY
   Uses the same Partner-family photographic canvas.
   ============================================================ */

body:has(.cnts-partner-application) {
    background-image:
        linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.50)),
        url('https://cnts.life/wp-content/uploads/2026/09/cnts-partners-bg-01.png.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

body:has(.cnts-partner-application) .site-content,
body:has(.cnts-partner-application) .ast-container,
body:has(.cnts-partner-application) .site-main,
body:has(.cnts-partner-application) .entry-content,
body:has(.cnts-partner-application) article.page,
body:has(.cnts-partner-application) .hentry {
    background-color: transparent !important;
}

.cnts-partner-application {
    background: transparent !important;
}

.cnts-partner-application .cnts-section-black {
    position: relative;
    background:
        linear-gradient(90deg,
            rgba(0,0,0,.91) 0%,
            rgba(0,0,0,.61) 46%,
            rgba(0,0,0,.15) 100%),
        linear-gradient(180deg,
            rgba(0,0,0,.04),
            rgba(0,0,0,.72)) !important;
}

.cnts-partner-application .cnts-section-light {
    background: rgba(9, 10, 11, .72) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.cnts-partner-application .cnts-partner-app-section {
    background: rgba(15, 17, 19, .88) !important;
    border: 1px solid rgba(214,181,109,.16) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.cnts-partner-application .cnts-partner-app-message,
.cnts-partner-application .cnts-partner-app-error {
    background: rgba(15, 17, 19, .90) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

@media (max-width: 782px) {
    body:has(.cnts-partner-application) {
        background-attachment: scroll !important;
    }
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.13.0 — RC1 PRESENTATION CONSOLIDATION
   Migrated from live Additional CSS Pass 9 / RC1 audit baseline.
   Shared primitives and application typography protection are
   centralized here so Additional CSS can remain site/page shell.
   ============================================================ */

/* =========================================================
   2. PAGE / LAYOUT RESET
   ========================================================= */

.cnts-page {
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--cnts-text-light);
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

.cnts-page *,
.cnts-footer * {
    box-sizing: border-box;
}

.cnts-container {
    width: 100%;
    max-width: var(--cnts-max-width);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.cnts-center {
    text-align: center;
}

.cnts-section {
    padding: 75px 0;
}

.cnts-section-light {
    background: var(--cnts-light);
    color: var(--cnts-text-dark);
}

.cnts-section-dark {
    background: var(--cnts-charcoal);
    color: var(--cnts-text-light);
}

.cnts-section-black {
    background: var(--cnts-black);
    color: var(--cnts-text-light);
}

/* =========================================================
   3. TYPOGRAPHY
   ========================================================= */

.cnts-page:not(:has(.cnts-workspace)) h1,
.cnts-page:not(:has(.cnts-workspace)) h2,
.cnts-page:not(:has(.cnts-workspace)) h3,
.cnts-page:not(:has(.cnts-workspace)) h4,
.cnts-page:not(:has(.cnts-workspace)) h5,
.cnts-page:not(:has(.cnts-workspace)) h6 {
    margin-top: 0;
    font-weight: 900;
}

.cnts-page:not(:has(.cnts-workspace)) h1 {
    margin-bottom: 18px;
    font-size: clamp(3rem, 7vw, 5.5rem);
    line-height: 0.95;
    letter-spacing: -0.02em;
}

.cnts-page:not(:has(.cnts-workspace)) h2 {
    margin-bottom: 25px;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    letter-spacing: -0.015em;
}

.cnts-page:not(:has(.cnts-workspace)) h3 {
    margin-bottom: 14px;
    font-size: 1.35rem;
    line-height: 1.2;
}

.cnts-page:not(:has(.cnts-workspace)) p {
    margin-top: 0;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-eyebrow {
    margin-bottom: 16px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-lead {
    max-width: 850px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.08rem;
    line-height: 1.75;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-center .cnts-lead {
    margin-left: auto;
    margin-right: auto;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-hero-tag {
    max-width: 850px;
    margin-bottom: 18px;
    font-size: clamp(1.5rem, 3vw, 2.6rem);
    font-weight: 900;
    line-height: 1.1;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-hero-sub {
    margin-bottom: 18px;
    font-size: 1.15rem;
    font-weight: 700;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-big-statement {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2rem, 4.5vw, 3.8rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.015em;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h1,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h2,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h3,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h4,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h5,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark h6,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h1,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h2,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h3,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h4,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h5,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black h6,
.cnts-cta h1,
.cnts-cta h2,
.cnts-cta h3,
.cnts-cta h4,
.cnts-cta h5,
.cnts-cta h6,
.cnts-hero h1,
.cnts-hero h2,
.cnts-hero h3,
.cnts-footer h1,
.cnts-footer h2,
.cnts-footer h3 {
    color: var(--cnts-heading-light) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark p,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black p,
.cnts-cta p,
.cnts-hero p,
.cnts-footer p,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-lead,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-lead,
.cnts-cta .cnts-lead,
.cnts-hero .cnts-lead {
    color: var(--cnts-text-light) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-eyebrow,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-eyebrow,
.cnts-cta .cnts-eyebrow,
.cnts-hero .cnts-eyebrow,
.cnts-footer .cnts-eyebrow {
    color: var(--cnts-muted-light) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h1,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h2,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h3,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h4,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h5,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light h6 {
    color: var(--cnts-heading-dark) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light p,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-lead {
    color: var(--cnts-text-dark) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-eyebrow {
    color: var(--cnts-muted-dark) !important;
}

/* =========================================================
   4. LINKS
   ========================================================= */

.cnts-page a {
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark a,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black a,
.cnts-hero a,
.cnts-cta a,
.cnts-footer a {
    color: #d7d3cc;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light a {
    color: #242424;
}

.cnts-page a:hover,
.cnts-footer a:hover {
    color: var(--cnts-red) !important;
}

.cnts-page .entry-content a,
.cnts-page .ast-article-single a {
    color: inherit;
}

.cnts-page .entry-content a:hover,
.cnts-page .ast-article-single a:hover {
    color: var(--cnts-red);

/* =========================================================
   6. BUTTONS
   ========================================================= */

.cnts-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.cnts-center .cnts-buttons {
    justify-content: center;
}

.cnts-btn {
    display: inline-block;
    padding: 14px 24px;
    border: 2px solid #b9b3aa;
    border-radius: 0;
    text-decoration: none !important;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease;
}

.cnts-btn-primary {
    background: var(--cnts-light) !important;
    color: #111 !important;
    border-color: var(--cnts-light) !important;
}

.cnts-btn-secondary {
    background: transparent !important;
    color: #d7d3cc !important;
    border-color: #b9b3aa !important;
}

.cnts-section-light .cnts-btn-secondary {
    color: #242424 !important;
    border-color: #6f6a64 !important;
}

.cnts-btn:hover {
    transform: translateY(-2px);
}

.cnts-btn-primary:hover {
    background: var(--cnts-red) !important;
    color: #fff !important;
    border-color: var(--cnts-red) !important;
}

.cnts-btn-secondary:hover {
    color: var(--cnts-red) !important;
    border-color: var(--cnts-red) !important;
}

/* =========================================================
   7. GRIDS / CARDS
   ========================================================= */

.cnts-grid-2,
.cnts-grid-3,
.cnts-grid-4 {
    display: grid;
    gap: 24px;
    margin-top: 40px;
}

.cnts-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cnts-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cnts-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cnts-card {
    position: relative;
    min-height: 220px;
    padding: 32px;
    background: var(--cnts-card);
    border: 1px solid var(--cnts-border);
    transition: background-color .2s ease, transform .2s ease;
}

.cnts-card:hover {
    background: var(--cnts-card-hover);
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-card,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-card {
    color: var(--cnts-text-light) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-card h3,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-card h3 {
    color: #e4dfd7 !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-card p,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-card p {
    color: #aaa59d !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-dark .cnts-card a,
.cnts-page:not(:has(.cnts-workspace)) .cnts-section-black .cnts-card a {
    color: #d7d3cc !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-card {
    background: #fff;
    color: var(--cnts-text-dark);
    border-color: var(--cnts-light-border);
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-card:hover {
    background: #f8f6f2;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-card h3 {
    color: var(--cnts-heading-dark) !important;
}

.cnts-page:not(:has(.cnts-workspace)) .cnts-section-light .cnts-card p {
    color: var(--cnts-text-dark) !important;
}

.cnts-card-number {
    margin-bottom: 15px;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1;
    opacity: .18;
}

.cnts-card p {
    margin-bottom: 14px;
    line-height: 1.65;
}

   CNTS — PASS 9 APPLICATION TYPOGRAPHY OWNERSHIP
   ============================================================

   Application surfaces are owned by the CNTS Design System.

   Prevent legacy Additional CSS section-light typography from
   overriding the Design System inside:

   - Admin Hub
   - Partner Hub
   - Partner Management
   - Project Management
   - Workspace

   The public-site section-light behaviour remains unchanged.
   ============================================================ */


/* ============================================================
   ADMIN HUB
   ============================================================ */

.cnts-page.cnts-admin-hub-page .cnts-section-light h1,
.cnts-page.cnts-admin-hub-page .cnts-section-light h2,
.cnts-page.cnts-admin-hub-page .cnts-section-light h3,
.cnts-page.cnts-admin-hub-page .cnts-section-light h4,
.cnts-page.cnts-admin-hub-page .cnts-section-light h5,
.cnts-page.cnts-admin-hub-page .cnts-section-light h6 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-admin-hub-page .cnts-section-light p,
.cnts-page.cnts-admin-hub-page .cnts-section-light .cnts-lead {
    color: #b9b3aa !important;
}


/* ============================================================
   PARTNER HUB
   ============================================================ */

.cnts-page.cnts-partner-hub-page .cnts-section-light h1,
.cnts-page.cnts-partner-hub-page .cnts-section-light h2,
.cnts-page.cnts-partner-hub-page .cnts-section-light h3,
.cnts-page.cnts-partner-hub-page .cnts-section-light h4,
.cnts-page.cnts-partner-hub-page .cnts-section-light h5,
.cnts-page.cnts-partner-hub-page .cnts-section-light h6 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-partner-hub-page .cnts-section-light p,
.cnts-page.cnts-partner-hub-page .cnts-section-light .cnts-lead {
    color: #b9b3aa !important;
}


/* ============================================================
   PARTNER MANAGEMENT
   /admin-partners/
   ============================================================ */

.cnts-page.cnts-partner-management-page .cnts-section-light h1,
.cnts-page.cnts-partner-management-page .cnts-section-light h2,
.cnts-page.cnts-partner-management-page .cnts-section-light h3,
.cnts-page.cnts-partner-management-page .cnts-section-light h4,
.cnts-page.cnts-partner-management-page .cnts-section-light h5,
.cnts-page.cnts-partner-management-page .cnts-section-light h6 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-partner-management-page .cnts-section-light p,
.cnts-page.cnts-partner-management-page .cnts-section-light .cnts-lead {
    color: #b9b3aa !important;
}


/* ============================================================
   PROJECT MANAGEMENT
   /admin-projects/
   ============================================================ */

.cnts-page.cnts-project-management-page .cnts-section-light h1,
.cnts-page.cnts-project-management-page .cnts-section-light h2,
.cnts-page.cnts-project-management-page .cnts-section-light h3,
.cnts-page.cnts-project-management-page .cnts-section-light h4,
.cnts-page.cnts-project-management-page .cnts-section-light h5,
.cnts-page.cnts-project-management-page .cnts-section-light h6 {
    color: #f1ede6 !important;
}

.cnts-page.cnts-project-management-page .cnts-section-light p,
.cnts-page.cnts-project-management-page .cnts-section-light .cnts-lead {
    color: #b9b3aa !important;
}


/* ============================================================
   APPLICATION EYEBROWS / SECTION LABELS
   ============================================================ */

.cnts-page.cnts-admin-hub-page .cnts-eyebrow,
.cnts-page.cnts-partner-hub-page .cnts-eyebrow,
.cnts-page.cnts-partner-management-page .cnts-eyebrow,
.cnts-page.cnts-project-management-page .cnts-eyebrow {
    color: #d6b56d !important;
}


/* ============================================================
   APPLICATION CARDS
   ============================================================ */

.cnts-page.cnts-admin-hub-page .cnts-card h1,
.cnts-page.cnts-admin-hub-page .cnts-card h2,
.cnts-page.cnts-admin-hub-page .cnts-card h3,
.cnts-page.cnts-admin-hub-page .cnts-card h4,

.cnts-page.cnts-partner-hub-page .cnts-card h1,
.cnts-page.cnts-partner-hub-page .cnts-card h2,
.cnts-page.cnts-partner-hub-page .cnts-card h3,
.cnts-page.cnts-partner-hub-page .cnts-card h4,

.cnts-page.cnts-partner-management-page .cnts-card h1,
.cnts-page.cnts-partner-management-page .cnts-card h2,
.cnts-page.cnts-partner-management-page .cnts-card h3,
.cnts-page.cnts-partner-management-page .cnts-card h4,

.cnts-page.cnts-project-management-page .cnts-card h1,
.cnts-page.cnts-project-management-page .cnts-card h2,
.cnts-page.cnts-project-management-page .cnts-card h3,
.cnts-page.cnts-project-management-page .cnts-card h4 {
    color: #f1ede6 !important;
}


.cnts-page.cnts-admin-hub-page .cnts-card p,
.cnts-page.cnts-partner-hub-page .cnts-card p,
.cnts-page.cnts-partner-management-page .cnts-card p,
.cnts-page.cnts-project-management-page .cnts-card p {
    color: #b9b3aa !important;
}


/* ============================================================
   WORKSPACE
   ------------------------------------------------------------
   Workspace remains wholly owned by the Design System.
   This simply protects it from any residual generic section
   typography further up Additional CSS.
   ============================================================ */

.cnts-page:has(.cnts-workspace) .cnts-workspace h1,
.cnts-page:has(.cnts-workspace) .cnts-workspace h2,
.cnts-page:has(.cnts-workspace) .cnts-workspace h3,
.cnts-page:has(.cnts-workspace) .cnts-workspace h4,
.cnts-page:has(.cnts-workspace) .cnts-workspace h5,
.cnts-page:has(.cnts-workspace) .cnts-workspace h6 {
    color: #f1ede6 !important;
}


/* ============================================================
   END PASS 9
   ============================================================ */

/* ============================================================
   CNTS DESIGN SYSTEM 2.16.0 — HEADER ACCOUNT CARD
   RC1 account navigation. Presentation only.
   ============================================================ */

.cnts-nav-account-card { position: relative; }
.cnts-nav-account-card details,
.cnts-nav-account-card summary { margin: 0; }
.cnts-nav-account-card summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 5px 10px 5px 6px;
  border: 1px solid rgba(214,181,109,.28);
  border-radius: 999px;
  background: rgba(14,14,14,.72);
  cursor: pointer;
  user-select: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.cnts-nav-account-card summary::-webkit-details-marker { display:none; }
.cnts-nav-account-card summary:hover,
.cnts-nav-account-card details[open] > summary {
  border-color: rgba(214,181,109,.72);
  background: rgba(24,24,24,.94);
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  transform: translateY(-1px);
}
.cnts-account-avatar {
  width: 30px; height: 30px; flex: 0 0 30px;
  border-radius: 50%; overflow: hidden;
  border: 1px solid rgba(214,181,109,.5);
  background: #171717;
}
.cnts-account-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.cnts-account-summary-copy { display:flex; flex-direction:column; min-width:0; line-height:1.05; }
.cnts-account-summary-copy strong { color:#E8E3DA; font-size:12px; font-weight:800; letter-spacing:.035em; max-width:132px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cnts-account-summary-copy small { margin-top:3px; color:#D6B56D; font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.cnts-account-chevron { color:#D6B56D; font-size:15px; line-height:1; transition: transform .18s ease; }
.cnts-account-menu[open] .cnts-account-chevron { transform: rotate(180deg); }

.cnts-account-popover {
  position:absolute; z-index:99999; top:calc(100% + 12px); right:0;
  width:min(310px, calc(100vw - 28px));
  padding:14px;
  border:1px solid rgba(214,181,109,.34);
  border-radius:14px;
  background:rgba(12,12,12,.97);
  box-shadow:0 22px 60px rgba(0,0,0,.48);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.cnts-account-popover::before { content:""; position:absolute; right:28px; top:-7px; width:12px; height:12px; background:rgba(12,12,12,.97); border-left:1px solid rgba(214,181,109,.34); border-top:1px solid rgba(214,181,109,.34); transform:rotate(45deg); }
.cnts-account-identity { display:flex; align-items:center; gap:12px; padding:4px 4px 14px; border-bottom:1px solid rgba(255,255,255,.08); }
.cnts-account-avatar-large { width:48px; height:48px; flex-basis:48px; }
.cnts-account-identity > span:last-child { min-width:0; display:flex; flex-direction:column; }
.cnts-account-identity strong { color:#E8E3DA; font-size:15px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cnts-account-identity small { margin-top:4px; color:#D6B56D; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.cnts-account-links { display:grid; gap:2px; padding:10px 0; }
.cnts-account-link,
.cnts-account-signout a { display:flex !important; align-items:center; justify-content:space-between; gap:14px; padding:10px 8px !important; border-radius:8px; color:#E8E3DA !important; font-size:12px !important; font-weight:750 !important; line-height:1.2 !important; text-decoration:none !important; letter-spacing:.025em; }
.cnts-account-link:hover { background:rgba(214,181,109,.09); color:#D6B56D !important; }
.cnts-account-signout { border-top:1px solid rgba(255,255,255,.08); padding-top:8px; }
.cnts-account-signout a { color:#d9d4cb !important; }
.cnts-account-signout a:hover { background:rgba(215,25,32,.12); color:#fff !important; }

/* Keep the existing logged-out Sign In/Up destination visually clear. */
.cnts-role-aware-menu-item.cnts-nav-access > a { white-space:nowrap; }

@media (max-width: 1100px) {
  .cnts-account-summary-copy { display:none; }
  .cnts-nav-account-card summary { padding-right:8px; gap:5px; }
}
@media (max-width: 921px) {
  .cnts-nav-account-card { width:100%; }
  .cnts-nav-account-card summary { width:max-content; margin:8px 0; }
  .cnts-account-summary-copy { display:flex; }
  .cnts-account-popover { position:relative; top:auto; right:auto; width:100%; margin:6px 0 12px; box-shadow:none; }
  .cnts-account-popover::before { display:none; }
}


/* ============================================================
   CNTS DESIGN SYSTEM 2.16.1 — HEADER ACCOUNT CARD HARDENING
   CLONE-only development pass. Ensures Astra/classic/block nav
   wrappers cannot place the open account panel in document flow.
   ============================================================ */
header .cnts-nav-account-card,
.site-header .cnts-nav-account-card,
.ast-primary-header-bar .cnts-nav-account-card,
.cnts-platform-navigation .cnts-nav-account-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  width: auto !important;
  min-width: 0 !important;
}
header .cnts-account-menu,
.site-header .cnts-account-menu,
.ast-primary-header-bar .cnts-account-menu,
.cnts-platform-navigation .cnts-account-menu {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  overflow: visible !important;
}
header .cnts-account-menu > summary,
.site-header .cnts-account-menu > summary,
.ast-primary-header-bar .cnts-account-menu > summary,
.cnts-platform-navigation .cnts-account-menu > summary {
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 4px 9px 4px 5px !important;
  margin: 0 !important;
  border: 1px solid rgba(214,181,109,.28) !important;
  border-radius: 999px !important;
  background: rgba(14,14,14,.72) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
header .cnts-account-menu > summary::-webkit-details-marker,
.site-header .cnts-account-menu > summary::-webkit-details-marker { display:none !important; }
header .cnts-account-avatar,
.site-header .cnts-account-avatar,
.ast-primary-header-bar .cnts-account-avatar,
.cnts-platform-navigation .cnts-account-avatar {
  display:block !important;
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:1px solid rgba(214,181,109,.5) !important;
  background:#171717 !important;
}
header .cnts-account-avatar img,
.site-header .cnts-account-avatar img,
.ast-primary-header-bar .cnts-account-avatar img,
.cnts-platform-navigation .cnts-account-avatar img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
}
header .cnts-account-summary-copy,
.site-header .cnts-account-summary-copy,
.ast-primary-header-bar .cnts-account-summary-copy,
.cnts-platform-navigation .cnts-account-summary-copy {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:0 !important;
  line-height:1 !important;
}
header .cnts-account-summary-copy strong,
.site-header .cnts-account-summary-copy strong,
.ast-primary-header-bar .cnts-account-summary-copy strong,
.cnts-platform-navigation .cnts-account-summary-copy strong {
  display:block !important;
  margin:0 !important;
  color:#E8E3DA !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.05 !important;
}
header .cnts-account-summary-copy small,
.site-header .cnts-account-summary-copy small,
.ast-primary-header-bar .cnts-account-summary-copy small,
.cnts-platform-navigation .cnts-account-summary-copy small {
  display:block !important;
  margin:2px 0 0 !important;
  color:#D6B56D !important;
  font-size:8px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}
header .cnts-account-popover,
.site-header .cnts-account-popover,
.ast-primary-header-bar .cnts-account-popover,
.cnts-platform-navigation .cnts-account-popover {
  position:absolute !important;
  z-index:999999 !important;
  top:calc(100% + 12px) !important;
  right:0 !important;
  left:auto !important;
  width:300px !important;
  max-width:calc(100vw - 28px) !important;
  height:auto !important;
  margin:0 !important;
  padding:14px !important;
  border:1px solid rgba(214,181,109,.34) !important;
  border-radius:14px !important;
  background:rgba(12,12,12,.98) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.48) !important;
  overflow:visible !important;
}
header .cnts-account-links,
.site-header .cnts-account-links,
.ast-primary-header-bar .cnts-account-links,
.cnts-platform-navigation .cnts-account-links {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:2px !important;
  padding:10px 0 !important;
  margin:0 !important;
}
header .cnts-account-link,
header .cnts-account-signout a,
.site-header .cnts-account-link,
.site-header .cnts-account-signout a,
.ast-primary-header-bar .cnts-account-link,
.ast-primary-header-bar .cnts-account-signout a,
.cnts-platform-navigation .cnts-account-link,
.cnts-platform-navigation .cnts-account-signout a {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  padding:10px 8px !important;
  margin:0 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
@media (max-width: 1100px) and (min-width: 922px) {
  header .cnts-account-summary-copy,
  .site-header .cnts-account-summary-copy,
  .ast-primary-header-bar .cnts-account-summary-copy { display:none !important; }
}
@media (max-width: 921px) {
  header .cnts-nav-account-card,
  .site-header .cnts-nav-account-card,
  .ast-primary-header-bar .cnts-nav-account-card,
  .cnts-platform-navigation .cnts-nav-account-card { width:100% !important; }
  header .cnts-account-summary-copy,
  .site-header .cnts-account-summary-copy,
  .ast-primary-header-bar .cnts-account-summary-copy,
  .cnts-platform-navigation .cnts-account-summary-copy { display:flex !important; }
  header .cnts-account-popover,
  .site-header .cnts-account-popover,
  .ast-primary-header-bar .cnts-account-popover,
  .cnts-platform-navigation .cnts-account-popover {
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    width:min(300px, calc(100vw - 28px)) !important;
  }
}


/* DS 2.16.2 portable account skin */
.cnts-nav-account-card,.cnts-account-mount{font-family:inherit!important;line-height:1!important}
.cnts-nav-account-card .cnts-account-menu>summary,.cnts-account-mount .cnts-account-menu>summary{list-style:none!important;gap:9px!important;min-height:40px!important;padding:4px 10px 4px 5px!important;border:1px solid rgba(214,181,109,.30)!important;border-radius:999px!important;background:rgba(14,14,14,.82)!important;cursor:pointer!important;white-space:nowrap!important}
.cnts-nav-account-card .cnts-account-summary-copy,.cnts-account-mount .cnts-account-summary-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important}
.cnts-nav-account-card .cnts-account-summary-copy strong,.cnts-account-mount .cnts-account-summary-copy strong{display:block!important;margin:0!important;color:#E8E3DA!important;font-size:12px!important;font-weight:800!important;line-height:1.05!important;white-space:nowrap!important}
.cnts-nav-account-card .cnts-account-summary-copy small,.cnts-account-mount .cnts-account-summary-copy small{display:block!important;margin:0!important;color:#D6B56D!important;font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.cnts-nav-account-card .cnts-account-popover,.cnts-account-mount .cnts-account-popover{padding:14px!important;border:1px solid rgba(214,181,109,.34)!important;border-radius:14px!important;background:rgba(12,12,12,.98)!important;box-shadow:0 22px 60px rgba(0,0,0,.48)!important}
.cnts-account-login{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
@media(max-width:1100px) and (min-width:922px){.cnts-nav-account-card .cnts-account-summary-copy{display:none!important}}


/* DS 2.16.3 — beta.21 compact account pop-down */
.cnts-nav-account-card .cnts-account-summary-copy,.cnts-account-mount .cnts-account-summary-copy{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important}
.cnts-nav-account-card .cnts-account-summary-copy strong,.cnts-account-mount .cnts-account-summary-copy strong{font-size:12px!important;line-height:1!important}
.cnts-nav-account-card .cnts-account-popover,.cnts-account-mount .cnts-account-popover{width:260px!important;padding:10px!important;background:rgba(7,7,7,.985)!important;border:1px solid rgba(214,181,109,.38)!important;border-radius:12px!important;box-shadow:0 24px 64px rgba(0,0,0,.68)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.cnts-nav-account-card .cnts-account-popover::before,.cnts-account-mount .cnts-account-popover::before{background:rgba(7,7,7,.985)!important}
.cnts-nav-account-card .cnts-account-identity,.cnts-account-mount .cnts-account-identity{display:block!important;padding:8px 9px 12px!important;margin:0 0 5px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.cnts-nav-account-card .cnts-account-identity strong,.cnts-account-mount .cnts-account-identity strong{display:block!important;margin:0!important;color:#E8E3DA!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cnts-nav-account-card .cnts-account-links,.cnts-account-mount .cnts-account-links{padding:4px 0!important}
.cnts-nav-account-card .cnts-account-link,.cnts-nav-account-card .cnts-account-signout a,.cnts-account-mount .cnts-account-link,.cnts-account-mount .cnts-account-signout a{padding:10px 9px!important;border-radius:7px!important;background:transparent!important}
.cnts-nav-account-card .cnts-account-link:hover,.cnts-account-mount .cnts-account-link:hover{background:rgba(214,181,109,.10)!important}
.cnts-nav-account-card .cnts-account-signout,.cnts-account-mount .cnts-account-signout{margin-top:4px!important;padding-top:5px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.cnts-account-avatar-large{display:none!important}


/* DS 2.16.4 — beta.22 contained account pop-down */
.cnts-account-identity{display:none!important}
.cnts-account-popover{background:rgba(7,7,7,.985)!important}

/* CNTS DS 2.16.6 — beta.24 cinematic account polish on proven beta.22 structure */
.cnts-nav-account-card .cnts-account-popover,
.cnts-account-mount .cnts-account-popover{
  background:linear-gradient(155deg,rgba(18,18,18,.995),rgba(5,5,5,.995))!important;
  border:1px solid rgba(214,181,109,.42)!important;
  border-radius:14px!important;
  box-shadow:0 28px 72px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.03)!important;
  padding:9px!important;
  overflow:hidden!important;
}
.cnts-nav-account-card .cnts-account-links,
.cnts-account-mount .cnts-account-links{
  display:flex!important;flex-direction:column!important;gap:3px!important;padding:0!important;margin:0!important;
}
.cnts-nav-account-card .cnts-account-link,
.cnts-nav-account-card .cnts-account-signout a,
.cnts-account-mount .cnts-account-link,
.cnts-account-mount .cnts-account-signout a{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  width:100%!important;box-sizing:border-box!important;margin:0!important;padding:12px 13px!important;
  border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;
  color:#E8E3DA!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;
  line-height:1.2!important;letter-spacing:.055em!important;text-transform:uppercase!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.cnts-nav-account-card .cnts-account-link span,
.cnts-nav-account-card .cnts-account-signout a span,
.cnts-account-mount .cnts-account-link span,
.cnts-account-mount .cnts-account-signout a span{display:block!important;min-width:0!important;}
.cnts-nav-account-card .cnts-account-link b,
.cnts-nav-account-card .cnts-account-signout a b,
.cnts-account-mount .cnts-account-link b,
.cnts-account-mount .cnts-account-signout a b{
  flex:0 0 auto!important;color:#D6B56D!important;font-size:17px!important;font-weight:400!important;line-height:1!important;
}
.cnts-nav-account-card .cnts-account-link:hover,
.cnts-nav-account-card .cnts-account-link:focus-visible,
.cnts-account-mount .cnts-account-link:hover,
.cnts-account-mount .cnts-account-link:focus-visible{
  background:linear-gradient(90deg,rgba(214,181,109,.12),rgba(214,181,109,.035))!important;
  border-color:rgba(214,181,109,.22)!important;color:#D6B56D!important;transform:translateX(2px)!important;
}
.cnts-nav-account-card .cnts-account-signout,
.cnts-account-mount .cnts-account-signout{margin-top:7px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.09)!important;}
.cnts-nav-account-card .cnts-account-signout a:hover,
.cnts-nav-account-card .cnts-account-signout a:focus-visible,
.cnts-account-mount .cnts-account-signout a:hover,
.cnts-account-mount .cnts-account-signout a:focus-visible{
  background:rgba(215,25,32,.11)!important;border-color:rgba(215,25,32,.24)!important;color:#fff!important;
}
@media (prefers-reduced-motion:reduce){
  .cnts-account-link,.cnts-account-signout a{transition:none!important;}
}

/* CNTS DS 2.16.7 — beta.25 cinematic account rows; beta.24 container/hover frozen */
.cnts-nav-account-card .cnts-account-link-copy,
.cnts-account-mount .cnts-account-link-copy{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;text-align:left!important;
}
.cnts-nav-account-card .cnts-account-link-copy strong,
.cnts-account-mount .cnts-account-link-copy strong{
  display:block!important;margin:0!important;color:#E8E3DA!important;font-size:11px!important;font-weight:850!important;line-height:1.1!important;letter-spacing:.085em!important;text-transform:uppercase!important;
}
.cnts-nav-account-card .cnts-account-link-copy small,
.cnts-account-mount .cnts-account-link-copy small{
  display:block!important;margin:0!important;color:#9D978E!important;font-size:9px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:.01em!important;text-transform:none!important;
}
.cnts-nav-account-card .cnts-account-link:hover .cnts-account-link-copy strong,
.cnts-nav-account-card .cnts-account-link:focus-visible .cnts-account-link-copy strong,
.cnts-account-mount .cnts-account-link:hover .cnts-account-link-copy strong,
.cnts-account-mount .cnts-account-link:focus-visible .cnts-account-link-copy strong{color:#D6B56D!important;}
.cnts-nav-account-card .cnts-account-link:hover .cnts-account-link-copy small,
.cnts-nav-account-card .cnts-account-link:focus-visible .cnts-account-link-copy small,
.cnts-account-mount .cnts-account-link:hover .cnts-account-link-copy small,
.cnts-account-mount .cnts-account-link:focus-visible .cnts-account-link-copy small{color:#B9B3AA!important;}
.cnts-nav-account-card .cnts-account-signout a span,
.cnts-account-mount .cnts-account-signout a span{font-size:10px!important;font-weight:850!important;letter-spacing:.085em!important;text-transform:uppercase!important;}

/* CNTS DS 2.16.8 — beta.26 final account-menu polish; beta.25 architecture frozen */
html body .cnts-nav-account-card .cnts-account-popover,
html body .cnts-account-mount .cnts-account-popover{
  padding:8px!important;
}
html body .cnts-nav-account-card .cnts-account-links,
html body .cnts-account-mount .cnts-account-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:2px!important;
  padding:0!important;
  margin:0!important;
}
html body .cnts-nav-account-card .cnts-account-link,
html body .cnts-account-mount .cnts-account-link{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 10px!important;
  line-height:1!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
html body .cnts-nav-account-card .cnts-account-link-copy,
html body .cnts-account-mount .cnts-account-link-copy{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
html body .cnts-nav-account-card .cnts-account-link-copy strong,
html body .cnts-account-mount .cnts-account-link-copy strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#E8E3DA!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.15!important;
  letter-spacing:.075em!important;
}
html body .cnts-nav-account-card .cnts-account-link-copy small,
html body .cnts-account-mount .cnts-account-link-copy small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#9D978E!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
html body .cnts-nav-account-card .cnts-account-link:hover,
html body .cnts-nav-account-card .cnts-account-link:focus-visible,
html body .cnts-account-mount .cnts-account-link:hover,
html body .cnts-account-mount .cnts-account-link:focus-visible{
  color:#D6B56D!important;
  background:linear-gradient(90deg,rgba(214,181,109,.13),rgba(214,181,109,.035))!important;
  border-color:rgba(214,181,109,.25)!important;
}
html body .cnts-nav-account-card .cnts-account-link:hover .cnts-account-link-copy strong,
html body .cnts-nav-account-card .cnts-account-link:focus-visible .cnts-account-link-copy strong,
html body .cnts-account-mount .cnts-account-link:hover .cnts-account-link-copy strong,
html body .cnts-account-mount .cnts-account-link:focus-visible .cnts-account-link-copy strong{
  color:#D6B56D!important;
}
html body .cnts-nav-account-card .cnts-account-link:hover .cnts-account-link-copy small,
html body .cnts-nav-account-card .cnts-account-link:focus-visible .cnts-account-link-copy small,
html body .cnts-account-mount .cnts-account-link:hover .cnts-account-link-copy small,
html body .cnts-account-mount .cnts-account-link:focus-visible .cnts-account-link-copy small{
  color:#B9B3AA!important;
}
html body .cnts-nav-account-card .cnts-account-link:hover b,
html body .cnts-nav-account-card .cnts-account-link:focus-visible b,
html body .cnts-account-mount .cnts-account-link:hover b,
html body .cnts-account-mount .cnts-account-link:focus-visible b{
  color:#D6B56D!important;
}
html body .cnts-nav-account-card .cnts-account-signout,
html body .cnts-account-mount .cnts-account-signout{
  margin:5px 0 0!important;
  padding:6px 0 0!important;
  border-top:1px solid rgba(214,181,109,.18)!important;
}
html body .cnts-nav-account-card .cnts-account-signout a,
html body .cnts-account-mount .cnts-account-signout a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#B9B3AA!important;
  background:transparent!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
html body .cnts-nav-account-card .cnts-account-signout a:hover,
html body .cnts-nav-account-card .cnts-account-signout a:focus-visible,
html body .cnts-account-mount .cnts-account-signout a:hover,
html body .cnts-account-mount .cnts-account-signout a:focus-visible{
  color:#D6B56D!important;
  background:rgba(214,181,109,.08)!important;
  border-color:rgba(214,181,109,.20)!important;
  transform:translateX(2px)!important;
}


/* CNTS DS 2.16.9 — beta.27 surgical typography containment */
html body .cnts-account-popover .cnts-account-link{line-height:12px!important;}
html body .cnts-account-popover .cnts-account-link-copy{line-height:12px!important;gap:3px!important;}
html body .cnts-account-popover .cnts-account-link-copy strong{line-height:13px!important;margin:0!important;padding:0!important;}
html body .cnts-account-popover .cnts-account-link-copy small{line-height:11px!important;margin:0!important;padding:0!important;}
html body .cnts-account-popover .cnts-account-signout,html body .cnts-account-popover .cnts-account-signout a{line-height:14px!important;}


/* CNTS DS 2.16.10 — beta.28 controlled account row spacing */
html body .cnts-account-popover .cnts-account-links{gap:3px!important;}
html body .cnts-account-popover .cnts-account-link{padding:9px 10px!important;margin:0!important;min-height:0!important;border:1px solid transparent!important;border-radius:8px!important;}
html body .cnts-account-popover .cnts-account-link-copy{gap:3px!important;}
html body .cnts-account-popover .cnts-account-link-copy strong{line-height:13px!important;}
html body .cnts-account-popover .cnts-account-link-copy small{line-height:11px!important;}
html body .cnts-account-popover .cnts-account-signout{margin:5px 0 0!important;padding:6px 0 0!important;border-top:1px solid rgba(214,181,109,.18)!important;}
html body .cnts-account-popover .cnts-account-signout a{padding:9px 10px!important;line-height:14px!important;}