/* KM_PATCH: company_0008 / 2026-03-02 */

/* Token extensions (page-scoped by load order) */
:root{
  --c-brand-weak: rgba(31,47,79,0.10);
  --sh-1: 0 0.5rem 1.5rem rgba(0,0,0,0.06);
  --sh-2: 0 1rem 2.5rem rgba(0,0,0,0.08);
  --r-pill: 999rem;
}

/* CEO hero polish */
body[data-page="company"] #ceoPhoto{
  position: relative;
  box-shadow: var(--sh-1);
}

/* NOTE: Remove spotlight/gradient to avoid unintended background look */
body[data-page="company"] #ceoPhoto::before{
  content: none;
}

body[data-page="company"] #ceoPhoto img{
  transform: scale(1.03);
  transition: transform 820ms ease;
}

html[data-js="1"] body[data-page="company"] [data-section="ceo"][data-inview="1"] #ceoPhoto img{
  transform: scale(1);
}

/* CEO message reveal: only enabled by company.js on vertical layout */
html[data-js="1"] body[data-page="company"] #ceoMessage.km-ceo-reveal{
  opacity: 0;
  transform: translateY(var(--sp-3));
  transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1), transform 760ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
html[data-js="1"] body[data-page="company"] #ceoMessage.km-ceo-reveal.is-inview{
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce){
  html[data-js="1"] body[data-page="company"] #ceoMessage.km-ceo-reveal{
    opacity: 1;
    transform: none;
    transition: none;
  }
}

body[data-page="company"] #ceoMessage p{
  margin-bottom: var(--sp-4);
}

/* Leadership cards: static (no hover/focus lift to avoid click-misread) */

/* CTA cards */
body[data-page="company"] [data-section="cta"] a.km-card{
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

body[data-page="company"] [data-section="cta"] a.km-card:hover,
body[data-page="company"] [data-section="cta"] a.km-card:focus-visible{
  transform: translateY(calc(var(--sp-1) * -0.5));
  box-shadow: var(--sh-1);
  outline: none;
}

body[data-page="company"] [data-section="cta"] a.km-card:focus-visible{
  box-shadow: var(--sh-2);
}

/* Overview table: remove last row border (avoid stray line) */
body[data-page="company"] [data-section="overview"] table tr:last-child > *{
  border-bottom-width: 0;
}