/* kcs.css (1.4.2) - KCS orange for the brand pages that belong to KCS: the "GK Brand: KCS" template and the Ledger template.
   Loaded only on those two. The orange is the theme's --bs-secondary #fe9441 (matches the business cards); deep orange #e8761b. */
.gk-brand.gk-page-kcs,body.gk-kcs-orange .gk-brand{
  --gold:#fe9441;--gold-2:#ffb066;--amber:#e8761b;--plum:#7a3a1c;
  --line:rgba(254,148,65,.28);--line-strong:rgba(254,148,65,.6);--focus:#ffb066}
.gk-brand.gk-page-kcs .btn-primary,body.gk-kcs-orange .gk-brand .btn-primary{background:linear-gradient(180deg,#ffb066,#fe9441);color:#1d1206}
body.gk-kcs-orange .gk-brand .page-head{background:linear-gradient(180deg,#080c1c 0%,#1d1a34 46%,#7a3a1c 78%,#e8761b 100%)}
body.gk-kcs-orange .gk-brand .page-head .rail{background:linear-gradient(180deg,transparent,#ffb066);box-shadow:0 0 22px 4px rgba(254,148,65,.5)}

/* ---- hero: pure CSS, no script ---- */
.gk-page-kcs .kcs-stage{position:relative;isolation:isolate;overflow:hidden;min-height:max(520px,min(86vh,720px));display:flex;align-items:flex-end;
  background:linear-gradient(180deg,#05070f 0%,#14122b 42%,#5a2a1c 74%,#c8601c 100%)}
.gk-page-kcs .kcs-sky{position:absolute;inset:0;z-index:-1}
.gk-page-kcs .kcs-sun{position:absolute;left:50%;bottom:58%;width:min(56vw,300px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,#ffd9a8 0%,#fe9441 48%,#d4561a 100%);
  -webkit-mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px) bottom/100% 52% no-repeat,linear-gradient(#000,#000) top/100% 48% no-repeat;
  mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px) bottom/100% 52% no-repeat,linear-gradient(#000,#000) top/100% 48% no-repeat;
  filter:drop-shadow(0 0 60px rgba(254,148,65,.55));animation:kcsPulse 6s ease-in-out infinite alternate}
.gk-page-kcs .kcs-floor{position:absolute;left:-60%;right:-60%;bottom:0;height:34%;transform:perspective(340px) rotateX(64deg);transform-origin:50% 100%;
  background:repeating-linear-gradient(90deg,rgba(254,148,65,.7) 0 2px,transparent 2px 64px),repeating-linear-gradient(0deg,rgba(254,148,65,.7) 0 2px,transparent 2px 64px);
  -webkit-mask:linear-gradient(0deg,#000 20%,transparent);mask:linear-gradient(0deg,#000 20%,transparent);animation:kcsFlow 2.4s linear infinite}
.gk-page-kcs .kcs-floor::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(254,148,65,.25)}
@keyframes kcsFlow{to{background-position:0 64px,0 64px}}
@keyframes kcsPulse{from{transform:translateX(-50%) scale(.97)}to{transform:translateX(-50%) scale(1.03)}}
.gk-page-kcs .kcs-stage-in{position:relative;padding-top:56px;padding-bottom:calc(34% * .5 + 36px)}
.gk-page-kcs .kcs-stage .eyebrow{color:#ffb066}
.gk-page-kcs .kcs-stage h1{text-shadow:0 2px 30px rgba(5,7,15,.7)}
.gk-page-kcs .kcs-stage .lede{max-width:30em;margin-bottom:0;text-shadow:0 1px 18px rgba(5,7,15,.8)}
.gk-page-kcs .kcs-stage .btns{margin-top:22px}
.gk-page-kcs .kcs-stage .btn-primary{min-height:54px;padding:14px 28px;font-size:1.08rem;box-shadow:0 0 0 0 rgba(254,148,65,.6),0 10px 30px rgba(254,148,65,.3);animation:kcsRing 2.8s ease-out infinite}
@keyframes kcsRing{0%{box-shadow:0 0 0 0 rgba(254,148,65,.55),0 10px 30px rgba(254,148,65,.3)}70%,100%{box-shadow:0 0 0 16px rgba(254,148,65,0),0 10px 30px rgba(254,148,65,.3)}}

/* ---- cards ---- */
.gk-page-kcs .kcs-cards-wrap{padding:40px 0 72px;background:var(--night)}
.gk-page-kcs .kcs-cards{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
.gk-page-kcs .kcs-card{display:flex;flex-direction:column;gap:8px;height:100%;min-height:190px;padding:22px 22px 20px;border-radius:18px;text-decoration:none;color:var(--cream);position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(254,148,65,.14),rgba(21,24,45,.9) 55%);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.gk-page-kcs .kcs-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fe9441,#ffb066,transparent)}
.gk-page-kcs .kcs-card:hover,.gk-page-kcs .kcs-card:focus-visible{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 14px 40px rgba(254,148,65,.18);color:var(--cream)}
.gk-page-kcs .kcs-card .ic{width:46px;height:46px;fill:none;stroke:#fe9441;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gk-page-kcs .kcs-card h2{font-size:1.4rem;margin:6px 0 0;color:var(--cream)}
.gk-page-kcs .kcs-card p{margin:0;color:var(--muted);font-size:1rem}
.gk-page-kcs .kcs-card .go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--gold-2);display:inline-flex;align-items:center;gap:8px}
.gk-page-kcs .kcs-card .go::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .2s}
.gk-page-kcs .kcs-card:hover .go::after{transform:translateX(4px) rotate(45deg)}
.gk-page-kcs .kcs-card-hot{background:linear-gradient(160deg,#fe9441,#e8761b);border-color:transparent;color:#1d1206}
.gk-page-kcs .kcs-card-hot h2,.gk-page-kcs .kcs-card-hot p,.gk-page-kcs .kcs-card-hot .go{color:#1d1206}
.gk-page-kcs .kcs-card-hot .ic{stroke:#1d1206}
.gk-page-kcs .kcs-card-hot::before{display:none}
.gk-page-kcs .kcs-card-hot:hover{color:#1d1206;box-shadow:0 14px 40px rgba(254,148,65,.4)}
@media (min-width:600px){.gk-page-kcs .kcs-cards{grid-template-columns:1fr 1fr}}
@media (min-width:960px){
.gk-page-kcs .kcs-cards{grid-template-columns:repeat(3,1fr);gap:18px}
.gk-page-kcs .kcs-stage{min-height:max(600px,min(88vh,760px))}
.gk-page-kcs .kcs-stage h1{max-width:10.5em}
.gk-page-kcs .kcs-sun{left:76%;bottom:26%;width:min(36vw,500px)}
.gk-page-kcs .kcs-stage-in{padding-bottom:150px}
.gk-page-kcs .kcs-card{min-height:230px;padding:26px}
.gk-page-kcs .kcs-card h2{font-size:1.55rem}
}
@media (prefers-reduced-motion:reduce){.gk-page-kcs .kcs-stage .btn-primary,.gk-page-kcs .kcs-sun,.gk-page-kcs .kcs-floor{animation:none}}