/* Project Chiron page (DECISION-003, direct Primarch request 2026-08-22).
   Scoped entirely under body.chiron-redesign so no other page is affected.
   Built on top of static/css/site_redesign.css's shared --hr-* tokens and
   header/nav rules - not redeclared here.

   Context: About's own "LEARN MORE ABOUT CHIRON" CTA pointed at
   https://nyxvx.com/chiron, an external domain that no longer resolves
   (confirmed via DNS lookup, not assumed from the report alone). This page
   replaces that dead outbound link with a real page on this site.

   Content honesty note, stated plainly rather than padded: the only
   verified facts about Chiron anywhere in this codebase are the one
   paragraph already published on /about (mentorship program, hands-on
   experience, international team). The nyxvx.com page that presumably held
   more detail is gone and unrecoverable - this page does not invent
   curriculum, application process, or outcomes data to fill space. If
   richer content exists, it needs to come from the Primarch, not be
   fabricated here.

   Visual language and every glass-panel/gradient-heading convention below
   are copied from about_redesign.css's already-approved treatment (hero,
   veins, title-glass, sec-title, story-body, cta-pill) rather than
   reinvented, per this project's own "match the established system"
   discipline. */

body.chiron-redesign {
    background: var(--hr-bg) !important;
    font-family: 'Barlow', sans-serif;
}

body.chiron-redesign .cn-page { position: relative; overflow: hidden; }

body.chiron-redesign .cn-hero-wrap { position: relative; overflow: hidden; }
body.chiron-redesign .cn-veins {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        radial-gradient(circle at 12% 15%, rgba(181,51,247,0.09), transparent 40%),
        radial-gradient(circle at 88% 25%, rgba(1,206,211,0.07), transparent 45%);
}
body.chiron-redesign .cn-hero {
    position: relative; z-index: 2;
    padding: 90px 64px 60px; max-width: 1100px; margin: 0 auto;
}
body.chiron-redesign .cn-title-glass {
    display: inline-block;
    background: rgba(13,15,20,0.30);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 28px 40px;
}
body.chiron-redesign .cn-page-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 64px; font-weight: 800; letter-spacing: 1px;
    background: linear-gradient(90deg, var(--hr-highlight) 0%, #7b5fd0 30%, #4a9fd8 65%, var(--hr-primary) 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    line-height: 1.0; margin: 0;
}

/* Real Chiron Mentoring Programme logo (added 2026-08-22, direct
   Primarch-supplied high-res image) - the program's own real crest/
   wordmark, not a generic decorative graphic. */
body.chiron-redesign .cn-logo-glass {
    display: inline-block; margin-top: 24px;
    background: rgba(13,15,20,0.30);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 12px;
}
body.chiron-redesign .cn-logo-img {
    display: block; max-width: 340px; width: 100%; height: auto; border-radius: 8px;
}

body.chiron-redesign .cn-sec-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px; font-weight: 700; letter-spacing: 0.5px;
    color: var(--hr-light) !important; margin-bottom: 24px;
    display: table; margin-left: auto; margin-right: auto; text-align: center;
    background: rgba(13,15,20,0.30);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 14px 30px;
}

body.chiron-redesign .cn-story {
    position: relative; z-index: 2; padding: 20px 64px 40px; max-width: 900px; margin: 0 auto;
    text-align: center;
}
body.chiron-redesign .cn-story-body {
    background: rgba(13,15,20,0.30);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 32px 36px; text-align: left;
}
body.chiron-redesign .cn-story-body p {
    font-family: 'Barlow', sans-serif;
    font-size: 18px; line-height: 1.65; color: var(--hr-light) !important; margin-bottom: 20px;
}
body.chiron-redesign .cn-story-body p:last-child { margin-bottom: 0; }

/* --- How Chiron Works (added 2026-08-22 - real detail recovered from a
   search-engine index of nyxvx.com/chiron after that domain stopped
   resolving; verified via WebSearch, not invented). Mirrors About's own
   .ar-values-grid/.ar-value-card treatment exactly, under this page's own
   cn- prefix. --- */
body.chiron-redesign .cn-features {
    position: relative; z-index: 2; padding: 20px 64px 40px; max-width: 1500px; margin: 0 auto;
}
body.chiron-redesign .cn-features-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
body.chiron-redesign .cn-feature-card {
    position: relative; border-radius: 14px; padding: 30px 28px; overflow: hidden;
    background: rgba(13,15,20,0.30); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08);
}
body.chiron-redesign .cn-feature-card.violet { background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30); }
body.chiron-redesign .cn-feature-card.teal { background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30); }
body.chiron-redesign .cn-feature-icon { font-size: 26px; margin-bottom: 14px; }
body.chiron-redesign .cn-feature-card.violet .cn-feature-icon { color: var(--hr-highlight); }
body.chiron-redesign .cn-feature-card.teal .cn-feature-icon { color: var(--hr-primary); }
body.chiron-redesign .cn-feature-card h3 {
    font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 12px;
}
body.chiron-redesign .cn-feature-card.violet h3 { color: var(--hr-highlight) !important; }
body.chiron-redesign .cn-feature-card.teal h3 { color: var(--hr-primary) !important; }
body.chiron-redesign .cn-feature-card p {
    font-family: 'Barlow', sans-serif; font-size: 15.5px; line-height: 1.55; color: var(--hr-text-muted) !important;
}

/* --- Beyond Technical Skills (added 2026-08-22, direct Primarch-supplied
   content - not sourced/invented, taken verbatim from the instruction). --- */
body.chiron-redesign .cn-skills {
    position: relative; z-index: 2; padding: 20px 64px 20px; max-width: 1100px; margin: 0 auto; text-align: center;
}
body.chiron-redesign .cn-skills-lead {
    font-family: 'Barlow', sans-serif; font-size: 17px; line-height: 1.55; color: var(--hr-text-muted) !important;
    margin-bottom: 24px;
}
body.chiron-redesign .cn-skills-pills {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
}
body.chiron-redesign .cn-skill-pill {
    display: inline-block; padding: 12px 22px; border-radius: 999px;
    background: rgba(13,15,20,0.30); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(181,51,247,0.35);
    font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 14.5px; letter-spacing: 0.3px;
    color: var(--hr-light) !important;
}

/* --- Access note --- */
body.chiron-redesign .cn-access {
    position: relative; z-index: 2; padding: 0 64px 20px; max-width: 900px; margin: 0 auto; text-align: center;
}
body.chiron-redesign .cn-access-body {
    background: rgba(13,15,20,0.30);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 22px 30px;
}
body.chiron-redesign .cn-access-body p {
    font-family: 'Barlow', sans-serif; font-size: 16px; line-height: 1.55; color: var(--hr-text-muted) !important; margin: 0;
}

body.chiron-redesign .cn-cta {
    position: relative; z-index: 2; padding: 0 64px 100px; max-width: 900px; margin: 0 auto;
    text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px;
}
body.chiron-redesign .cn-cta-pill {
    display: inline-flex; align-items: center; gap: 10px; padding: 18px 38px; border-radius: 8px;
    background: linear-gradient(90deg, var(--hr-highlight), var(--hr-primary)); color: var(--hr-light);
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase;
    text-decoration: none; box-shadow: 0 0 40px rgba(181,51,247,0.25);
}
body.chiron-redesign .cn-cta-pill svg { width: 20px; height: 12px; }
body.chiron-redesign .cn-back-link {
    font-family: 'Barlow Condensed', sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;
    color: var(--hr-text-muted); text-decoration: none;
}
body.chiron-redesign .cn-back-link:hover { color: var(--hr-highlight); }

@media (max-width: 1024px) {
    body.chiron-redesign .cn-hero { padding: 60px 40px 40px; }
    body.chiron-redesign .cn-page-title { font-size: 48px; }
    body.chiron-redesign .cn-story,
    body.chiron-redesign .cn-features,
    body.chiron-redesign .cn-skills,
    body.chiron-redesign .cn-access,
    body.chiron-redesign .cn-cta { padding-left: 40px; padding-right: 40px; }
    body.chiron-redesign .cn-features-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
}

@media (max-width: 768px) {
    body.chiron-redesign .cn-hero { padding: 40px 20px 30px; }
    body.chiron-redesign .cn-page-title { font-size: 34px; }
    body.chiron-redesign .cn-sec-title { font-size: 24px; padding: 10px 20px; }
    body.chiron-redesign .cn-story,
    body.chiron-redesign .cn-features,
    body.chiron-redesign .cn-skills,
    body.chiron-redesign .cn-access,
    body.chiron-redesign .cn-cta { padding-left: 20px; padding-right: 20px; }
    body.chiron-redesign .cn-story-body,
    body.chiron-redesign .cn-access-body { padding: 24px 20px; }
    body.chiron-redesign .cn-story-body p { font-size: 16px; }
    body.chiron-redesign .cn-features-grid { grid-template-columns: 1fr; gap: 16px; }
    body.chiron-redesign .cn-feature-card { padding: 22px 22px 18px; }
    body.chiron-redesign .cn-cta-pill { padding: 14px 26px; font-size: 13px; }
}