/* Version three, shared by every page. Loaded last.
   One brand red (the logo red) and one primary action: "Apply for Cohort One", always a solid red button. */
@font-face{font-family:Anton;src:url('assets/anton-regular.ttf');font-display:swap}
:root{
  --ckm-red:#991721;        /* logo red: buttons, bars, fills */
  --ckm-red-hover:#b31b27;
  --ckm-red-text:#c8202d;   /* the same red lifted for large red words on black, where #991721 is too dark to read */
}

/* Stronger section labels across the CKM pages. War Room labels keep their olive accent. */
.ckm-redesign .ck-small,
.ckm-redesign .cinema-label,
.ckm-redesign .intro-label,
.ckm-redesign .v3-wr-eyebrow,
.ckm-redesign .wr-eyebrow,
.ckm-redesign .apply-eyebrow,
.ckm-redesign .wr-card-kicker,
.ckm-redesign .v3-wr-card-kicker{font-size:13px;font-weight:700;line-height:1.45;letter-spacing:.14em;text-transform:uppercase}
.ckm-redesign .ck-small::before,
.ckm-redesign .cinema-label::before,
.ckm-redesign .intro-label::before{content:"";display:inline-block;width:16px;height:3px;margin:0 11px 3px 0;background:var(--ckm-red-text);vertical-align:middle}
.ckm-redesign .v3-wr-eyebrow,
.ckm-redesign .wr-eyebrow,
.ckm-redesign .apply-eyebrow,
.ckm-redesign .wr-card-kicker,
.ckm-redesign .v3-wr-card-kicker{color:#d0d1ae}
.ckm-redesign .wr-faq .wr-eyebrow{color:#596344}
.ckm-redesign .wr-section-head .wr-eyebrow::before,
.ckm-redesign .wr-faq .wr-eyebrow::before{content:"";display:inline-block;width:14px;height:3px;margin:0 10px 3px 0;background:#a4a47d;vertical-align:middle}
.ckm-redesign.v3-home .v3-problem>.ck-small,
.ckm-redesign.v3-home .v3-meet .ck-small{color:#7b2138}
.ckm-redesign.av3 .about-intro .ck-small,
.ckm-redesign.av3 .av3-discipline .ck-small{color:#eee8e0}

/* Full Internal Command background lettering on the home hero. */
.v3-home .cinema-word{top:8%;left:4%;bottom:auto;font:clamp(110px,13vw,190px)/1.08 Anton,sans-serif;letter-spacing:.01em;color:#ffffff16;white-space:normal;transform:none}
.v3-home .cinema-word span{display:block}
.v3-home .cinema-word span+span{margin-top:clamp(10px,1.5vw,22px)}
@media(max-width:760px){
  .v3-home .cinema-word{top:auto;bottom:135px;left:3%;font-size:clamp(68px,17vw,96px);color:#ffffff1a}
}

/* Editorial introduction to Kris. */
.v3-home .v3-meet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:610px;background:#e8e3db;color:#171717}
.v3-home .v3-meet .ck-meet-photo{height:610px;background:#aaa39a}
.v3-home .v3-meet .ck-meet-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:none;transform:none!important}
.av3 .about-photo img{filter:none;object-position:50% 0}
.v3-home .v3-meet .ck-meet-copy{padding:70px clamp(34px,7vw,110px)}
.v3-home .v3-meet h2{font-size:clamp(58px,5.6vw,84px);line-height:1.02;max-width:490px}
.v3-home .v3-meet .ck-meet-copy>p:not(.ck-small){max-width:470px;font-size:19px;line-height:1.55;margin:28px 0 36px}
@media(max-width:760px){
  .v3-home .v3-meet{grid-template-columns:1fr}
  .v3-home .v3-meet .ck-meet-photo{height:420px}
  .v3-home .v3-meet .ck-meet-copy{padding:52px 6% 64px}
  .v3-home .v3-meet h2{font-size:clamp(58px,13vw,72px)}
  .v3-home .v3-meet .ck-meet-copy>p:not(.ck-small){font-size:17px}
}

/* Full background wording and stronger label on the closing statement. */
.v3-home .v3-close::before{content:"INTERNAL\A COMMAND";top:7%;left:4%;font:clamp(110px,13vw,190px)/1.25 Anton,sans-serif;letter-spacing:.01em;white-space:pre;color:#ffffff11;transform:none}
.v3-home .v3-close>*{z-index:1}
.v3-home .v3-close>p{font-size:13px;font-weight:700;line-height:1.45;letter-spacing:.14em;text-transform:uppercase;color:#eee8e0;margin-bottom:22px}
.v3-home .v3-close>p::before{content:"";display:inline-block;width:16px;height:3px;margin:0 11px 3px 0;background:var(--ckm-red-text);vertical-align:middle}
@media(max-width:760px){
  .v3-home .v3-close::before{top:25%;left:2%;font-size:clamp(68px,17vw,96px)}
}

/* Two-line footer statement. */
.ckm-redesign .ck-footer-statement span{display:block}
.ckm-redesign .ck-footer-statement span:first-child{color:var(--ckm-red-text);margin-bottom:5px}
@media(max-width:760px){
  .ckm-redesign .ck-footer-main>.ck-footer-statement{grid-column:1/-1;font-size:26px}
  .ckm-redesign .ck-footer-main>div{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Primary action, anywhere it appears */
.cta-apply{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:16px 24px;background:var(--ckm-red);border:1px solid var(--ckm-red);color:#fff;font:19px/1.15 Anton,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;white-space:nowrap;border-radius:0;transition:background .18s,border-color .18s,transform .18s}
.cta-apply span{transition:transform .2s}
.cta-apply:hover{background:var(--ckm-red-hover);border-color:var(--ckm-red-hover);color:#fff;transform:translateY(-2px)}
.cta-apply:hover span{transform:translate(3px,-3px)}
.cta-apply:focus-visible{outline:3px solid #efb645;outline-offset:4px}

/* Header: the same action as a solid red pill on every page */
.ckm-redesign .site-header .nav-contact,
.wr-page .site-header .nav-contact,
.ckm-parent .ckm-parent-cta{background:var(--ckm-red);border-color:var(--ckm-red);color:#fff;white-space:nowrap}
.ckm-redesign .site-header .nav-contact:hover,
.wr-page .site-header .nav-contact:hover,
.ckm-parent .ckm-parent-cta:hover{background:var(--ckm-red-hover);border-color:var(--ckm-red-hover)}
.ckm-redesign nav a:not(.nav-contact):after,
.ckm-parent nav a:not(.ckm-parent-cta):after{background:var(--ckm-red-text)}

@media(prefers-reduced-motion:reduce){.cta-apply,.cta-apply:hover,.cta-apply span{transition:none;transform:none}}
@media(max-width:760px){.cta-apply{font-size:17px;min-height:54px;padding:15px 20px;white-space:normal}.closing-band .cta-apply{margin-top:28px}}

/* Contact page: plain dark background with a logo-red edge, matching the rest of the site */
.ck-inner .contact-layout{background:#0e0d0f;border-top:6px solid var(--ckm-red)}
.ck-inner .contact-layout h1 em{color:var(--ckm-red-text)}
.ck-inner .contact-form{border-top-color:var(--ckm-red)}
.ck-inner .contact-form .button{background:#171717;border-color:#171717;color:#fff}
.ck-inner .contact-form .button:hover{background:#000;border-color:#000}
.contact-form .contact-other{font-size:15px;color:#3d3a36;margin:10px 0 0}

/* Header button matches the body buttons: square, Anton uppercase, logo red, same arrow. */
.ckm-redesign .site-header .nav-contact,
.wr-page .site-header .nav-contact,
.ckm-parent .ckm-parent-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border-radius:0;padding:11px 18px;min-height:44px;font:15px/1.15 Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.05em;box-sizing:border-box}
.ckm-redesign .site-header .nav-contact span,
.ckm-parent .ckm-parent-cta span{margin-left:0;transition:transform .2s}
.ckm-redesign .site-header .nav-contact:hover span,
.ckm-parent .ckm-parent-cta:hover span{transform:translate(3px,-3px)}
.ckm-redesign .site-header .nav-contact:after{display:none}
@media(max-width:760px){
  .ckm-redesign #navigation .nav-contact{justify-content:space-between;padding:14px 18px;font-size:16px}
  .ckm-parent .ckm-parent-cta{font-size:13px;padding:8px 12px;min-height:36px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.ckm-redesign .site-header .nav-contact span,.ckm-parent .ckm-parent-cta span{transition:none;transform:none}}
