/* =====================================================================
   Kopou v2 - About Us page (Why Kopou, Principles, Careers, footer only).
   Locked 29 Oct 2026 | v1. Upload to /wp-content/uploads/kopou-about/
   as kopou-about.css (with kopou-about.js). Load after kopou-batch-1-v3.css.
   02 Why Kopou: statement that lights up word by word with the scroll
      (once), then the bridge panel (two lists + live graphic).
   03 Principles: dark, four still glass cards (icons drawn here in CSS).
   04 Careers: Mist card, text + live "open seat" graphic.
   Footer: on this page the contact card is hidden; the footer keeps the
   dark lower part of the silk ground. The hero is on hold (unchanged).
   Without JS / in the editor: everything readable, no graphics. ASCII only.
   ===================================================================== */

/* ---------- 0. Section shells ---------- */
body .kp-why.kp-why,
body .kp-principles.kp-principles,
body .kp-careers.kp-careers {
  --kp-carbon: #0F1417; --kp-purple: #6045F4; --kp-deep: #3218C4; --kp-mint: #53E6D4;
  --kp-mist: #F4F3F8; --kp-ink2: #4A4F5C; --kp-ease: cubic-bezier(.2,.7,.2,1); --kp-seam: 40px;
  position: relative;                                  /* no z-index: later sheets stay on top */
  box-sizing: border-box;
  width: 100% !important; max-width: none !important; min-height: 0 !important;
  margin: calc(var(--kp-seam) * -1) 0 0 !important;    /* each section rises over the one above */
  border-radius: var(--kp-seam) var(--kp-seam) 0 0 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important;
  background: #FFFFFF !important;
  color: var(--kp-carbon);
  font-family: 'Quicksand', system-ui, sans-serif;
}
body .kp-why.kp-why { padding: 120px 24px 180px !important; }
body .kp-principles.kp-principles {
  padding: 140px 24px 180px !important;
  background: radial-gradient(ellipse 55% 45% at 50% 62%, #1B1640, #0F1417 72%) #0F1417 !important;
  color: #FFFFFF;
}
body .kp-careers.kp-careers { padding: 140px 24px 180px !important; }

body .kp-why *, body .kp-why *::before, body .kp-why *::after,
body .kp-principles *, body .kp-principles *::before, body .kp-principles *::after,
body .kp-careers *, body .kp-careers *::before, body .kp-careers *::after { box-sizing: border-box; }

body .kp-why .kp-sec-head, body .kp-principles .kp-sec-head, body .kp-careers .kp-sec-head {
  padding: 0 !important; margin: 0 auto !important; min-height: 0; width: 100% !important; max-width: 1100px;
  display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center; gap: 0 !important;
}
body .kp-careers .kp-sec-head .kp-h2 span, body .kp-careers .kp-sec-head h2 span { color: var(--kp-purple); }

/* dark header variant (03) */
body .kp-principles .kp-sec-head .kp-eyebrow-pill { background: rgba(255,255,255,.08) !important; color: #C4BDF0 !important; }
body .kp-principles .kp-sec-head .kp-eyebrow-pill__num { color: #9AA0A8 !important; }
body .kp-principles .kp-sec-head .kp-h2, body .kp-principles .kp-sec-head h2 { color: #FFFFFF !important; }
body .kp-principles .kp-sec-head .kp-h2 span, body .kp-principles .kp-sec-head h2 span { color: #8F78FA !important; }

/* live graphic panels (kopou-about.js puts a canvas inside) */
body .kp-why .kp-why__art, body .kp-careers .kp-careers__art {
  position: relative !important; overflow: hidden !important; isolation: isolate;
  margin: 0 !important; padding: 0 !important; min-width: 0; min-height: 0;
  display: block !important;
  background: radial-gradient(ellipse 60% 55% at 50% 50%, rgba(217,210,255,.7), rgba(217,210,255,0) 70%) #FFFFFF !important;
  border-radius: 46px !important;
}
body .kp-why__art canvas, body .kp-careers__art canvas {
  position: absolute; inset: 0; width: 100%; height: 100%; display: block;
  touch-action: pan-y; cursor: crosshair;
}

/* ---------- 1. 02 Why Kopou ---------- */
/* the statement is the section's H2 */
body .kp-why .kp-why__statement, body .elementor .kp-why .kp-why__statement {
  margin: 26px auto 0 !important; padding: 0 !important;
  max-width: 1040px; text-align: center !important;
  font-family: 'Switzer', 'Inter Tight', system-ui, sans-serif !important;
  font-weight: 600 !important; font-size: clamp(30px, 3.5vw, 50px) !important;
  line-height: 1.14 !important; letter-spacing: -.03em !important;
  color: var(--kp-carbon) !important; text-wrap: balance;
}
body .kp-why .kp-why__statement span { color: var(--kp-purple); }
body .kp-why .kp-why__statement .kp-w { color: inherit; }
body .kp-why .kp-why__statement .kp-w--acc { color: var(--kp-purple); }

/* the bridge panel */
body .kp-why .kp-why__bridge {
  width: 100% !important; max-width: 1200px !important;
  margin: 72px 0 0 !important; padding: 10px !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) 320px;
  gap: 10px !important;
  border-radius: 56px !important;
  background: var(--kp-mist) !important;
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 18px 44px rgba(15,20,23,.05);
}
body .kp-why .kp-why__art { height: 440px; }
body .kp-why .kp-why__side {
  min-width: 0; margin: 0 !important; padding: 34px 30px 30px !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 20px !important;
  background: none !important;
}
body .kp-why .kp-why__label, body .elementor .kp-why .kp-why__label {
  display: inline-flex !important; align-items: center; gap: 8px;
  height: 30px; margin: 0 !important; padding: 0 12px !important;
  border-radius: 999px; background: #FFFFFF;
  font: 700 12px/1 'Quicksand', system-ui, sans-serif !important;
  letter-spacing: .08em !important; text-transform: uppercase; color: var(--kp-carbon) !important;
}
body .kp-why .kp-why__label::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: var(--kp-purple); }
body .kp-why .kp-why__side--tp .kp-why__label::before { background: var(--kp-mint); }
body .kp-why .kp-why__list {
  width: 100%; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 16px !important; background: none !important;
}
body .kp-why .kp-why__item, body .elementor .kp-why .kp-why__item {
  position: relative; margin: 0 !important; padding: 2px 0 0 40px !important; min-height: 28px;
  font: 500 16px/1.5 'Quicksand', system-ui, sans-serif !important; color: var(--kp-ink2) !important;
}
body .kp-why .kp-why__item::before {
  content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 999px;
  background: var(--kp-purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
body .kp-why .kp-why__side--tp .kp-why__item::before {
  background: var(--kp-carbon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2353E6D4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
body .kp-why a.kp-why__link, body .kp-why .kp-why__link a {
  display: inline-flex !important; align-items: center; gap: 6px;
  min-height: 44px; margin-top: auto !important; padding: 0 !important;
  border: 0 !important; background: none !important; box-shadow: none !important;
  font: 700 15px/1 'Switzer', 'Inter Tight', system-ui, sans-serif !important;
  color: var(--kp-deep) !important; text-decoration: none !important;
}
body .kp-why .kp-why__link { margin-top: auto !important; padding: 0 !important; background: none !important; border: 0 !important; }
body .kp-why a.kp-why__link::after, body .kp-why .kp-why__link a::after {
  content: ""; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .25s var(--kp-ease);
}
body .kp-why a.kp-why__link:hover, body .kp-why .kp-why__link a:hover { color: var(--kp-purple) !important; }
body .kp-why a.kp-why__link:hover::after, body .kp-why .kp-why__link a:hover::after { transform: translateX(3px); }
body .kp-why .kp-why__close, body .elementor .kp-why .kp-why__close {
  margin: 28px 0 0 !important; padding: 0 16px !important; text-align: center;
  font: 500 18px/1.5 'Quicksand', system-ui, sans-serif !important; color: var(--kp-ink2) !important;
}
body .kp-why .kp-why__close strong { font-weight: 700; color: var(--kp-carbon); }

/* ---------- 2. 03 Principles ---------- */
body .kp-principles .kp-principles__grid {
  width: 100% !important; max-width: 1200px !important;
  margin: 64px 0 0 !important; padding: 0 !important;
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px !important;
  background: none !important; counter-reset: kpPrinciple;
}
body .kp-principles .kp-principle {
  counter-increment: kpPrinciple;
  position: relative; overflow: hidden; min-width: 0;
  margin: 0 !important; padding: 30px 28px 30px !important; min-height: 330px !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important;
  border-radius: 40px !important;
  background: rgba(255,255,255,.06) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  transition: transform .25s var(--kp-ease), box-shadow .25s var(--kp-ease), background-color .25s ease;
}
/* icon disc */
body .kp-principles .kp-principle::before {
  content: ""; order: -1; flex: none; width: 64px; height: 64px; margin-bottom: auto; border-radius: 999px;
  background: var(--kp-icon) center / 26px 26px no-repeat, radial-gradient(circle at 35% 30%, #3A3F4A, #0F1417 75%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 24px rgba(0,0,0,.35);
  transition: transform .3s var(--kp-ease), box-shadow .3s var(--kp-ease);
}
/* large faint numeral */
body .kp-principles .kp-principle::after {
  content: counter(kpPrinciple, decimal-leading-zero);
  position: absolute; right: 20px; bottom: -14px; pointer-events: none;
  font: 700 140px/1 'Switzer', 'Inter Tight', system-ui, sans-serif; letter-spacing: -.05em;
  color: rgba(255,255,255,.05);
}
body .kp-principles .kp-principle__title, body .elementor .kp-principles .kp-principle__title {
  position: relative; margin: 14px 0 0 !important; padding: 0 !important;
  font: 600 22px/1.2 'Switzer', 'Inter Tight', system-ui, sans-serif !important; letter-spacing: -.02em !important;
  color: #FFFFFF !important;
}
body .kp-principles .kp-principle__title::before {
  content: counter(kpPrinciple, decimal-leading-zero);
  display: block; margin-bottom: 8px;
  font: 600 13px/1 'Switzer', 'Inter Tight', system-ui, sans-serif; letter-spacing: 0; color: #9AA0A8;
}
body .kp-principles .kp-principle__text, body .elementor .kp-principles .kp-principle__text {
  position: relative; margin: 0 !important; padding: 0 !important;
  font: 500 15px/1.55 'Quicksand', system-ui, sans-serif !important; color: #C4BDF0 !important;
}
@media (hover: hover) {
  body .kp-principles .kp-principle:hover { transform: translateY(-4px); background: rgba(255,255,255,.09) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 24px 60px rgba(0,0,0,.35); }
  body .kp-principles .kp-principle:hover::before { transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 8px rgba(83,230,212,.12), 0 14px 30px rgba(0,0,0,.4); }
}
body .kp-principles .kp-principle--quality { --kp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6 7.5V19l-4-1.8v-4.7z' stroke='%23FFFFFF'/%3E%3Cpath d='M9.5 9.2l1.8 1.8 3.4-3.4' stroke='%2353E6D4'/%3E%3C/svg%3E"); }
body .kp-principles .kp-principle--goals { --kp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5' stroke='%23FFFFFF'/%3E%3Ccircle cx='12' cy='12' r='4.5' stroke='%23FFFFFF'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%2353E6D4' stroke='%2353E6D4'/%3E%3C/svg%3E"); }
body .kp-principles .kp-principle--grow { --kp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 18.5l5.5-6 3.5 3 7.5-8.5' stroke='%23FFFFFF'/%3E%3Cpath d='M3.5 20.5l5.5-4 3.5 2 7.5-6' stroke='%2353E6D4'/%3E%3C/svg%3E"); }
body .kp-principles .kp-principle--better { --kp-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3' stroke='%23FFFFFF'/%3E%3Cpath d='M19.5 4.5v4h-4' stroke='%2353E6D4'/%3E%3C/svg%3E"); }

/* ---------- 3. 04 Careers ---------- */
body .kp-careers .kp-careers__card {
  width: 100% !important; max-width: 1200px !important;
  margin: 64px 0 0 !important; padding: 10px !important;
  display: grid !important; grid-template-columns: minmax(0, 1fr) 560px; gap: 10px !important;
  border-radius: 56px !important; background: var(--kp-mist) !important;
  box-shadow: inset 0 0 0 1px #FFFFFF, 0 18px 44px rgba(15,20,23,.05);
}
body .kp-careers .kp-careers__art { min-height: 500px; }
body .kp-careers .kp-careers__text {
  min-width: 0; margin: 0 !important; padding: 46px 44px 44px !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 22px !important;
  background: none !important;
}
body .kp-careers .kp-careers__lede, body .elementor .kp-careers .kp-careers__lede {
  margin: 0 !important; padding: 0 !important; font: 500 19px/1.55 'Quicksand', system-ui, sans-serif !important; color: var(--kp-ink2) !important;
}
body .kp-careers .kp-careers__tags {
  margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; background: none !important;
}
body .kp-careers .kp-careers__tag, body .elementor .kp-careers .kp-careers__tag {
  display: inline-flex !important; align-items: center; gap: 8px;
  height: 34px; margin: 0 !important; padding: 0 14px !important; border-radius: 999px; background: #FFFFFF;
  font: 600 14px/1 'Quicksand', system-ui, sans-serif !important; color: var(--kp-carbon) !important;
}
body .kp-careers .kp-careers__tag::before { content: ""; width: 6px; height: 6px; border-radius: 999px; background: var(--kp-mint); }
body .kp-careers .kp-careers__fit, body .elementor .kp-careers .kp-careers__fit {
  margin: 4px 0 0 !important; padding: 0 !important;
  font: 600 17px/1.3 'Switzer', 'Inter Tight', system-ui, sans-serif !important; letter-spacing: -.01em !important; color: var(--kp-carbon) !important;
}
body .kp-careers .kp-careers__list {
  width: 100%; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 14px !important; background: none !important;
}
body .kp-careers .kp-careers__item, body .elementor .kp-careers .kp-careers__item {
  position: relative; margin: 0 !important; padding: 2px 0 0 40px !important; min-height: 28px;
  font: 500 16px/1.5 'Quicksand', system-ui, sans-serif !important; color: var(--kp-ink2) !important;
}
body .kp-careers .kp-careers__item::before {
  content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 999px;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233218C4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
body .kp-careers .kp-careers__cta {
  margin: 8px 0 0 !important; padding: 0 !important;
  display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; gap: 18px !important; background: none !important;
}
body .kp-careers a.kp-careers__btn, body .kp-careers .kp-careers__btn a {
  display: inline-flex !important; align-items: center; justify-content: center;
  height: 52px; margin: 0 !important; padding: 0 28px !important;
  border: 0 !important; border-radius: 999px !important; background: var(--kp-purple) !important; box-shadow: none !important;
  font: 600 16px/1 'Quicksand', system-ui, sans-serif !important; color: #FFFFFF !important; text-decoration: none !important;
  white-space: nowrap;
  transition: background-color .25s var(--kp-ease), transform .25s var(--kp-ease);
}
body .kp-careers .kp-careers__btn { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body .kp-careers a.kp-careers__btn { background: var(--kp-purple) !important; padding: 0 28px !important; }
body .kp-careers a.kp-careers__btn:hover, body .kp-careers .kp-careers__btn a:hover { background: var(--kp-deep) !important; }
body .kp-careers a.kp-careers__btn:active, body .kp-careers .kp-careers__btn a:active { transform: scale(.97); }
body .kp-careers a.kp-careers__btn:focus-visible, body .kp-careers .kp-careers__btn a:focus-visible,
body .kp-why a.kp-why__link:focus-visible, body .kp-why .kp-why__link a:focus-visible { outline: 2px solid var(--kp-purple); outline-offset: 3px; }
body .kp-careers .kp-careers__email, body .elementor .kp-careers .kp-careers__email {
  margin: 0 !important; padding: 0 !important; font: 600 14px/1.3 'Quicksand', system-ui, sans-serif !important; color: #6B7080 !important;
}

/* ---------- 4. Footer on this page: no contact card, dark ground ---------- */
html.kp-page-about .kp-close__card,
body:has(.kp-why) .kp-close__card { display: none !important; }
html.kp-page-about .kp-close__ground,
body:has(.kp-why) .kp-close__ground { background-position: 50% 100% !important; background-size: 100% 320% !important; }
html.kp-page-about .kp-close__ground video,
body:has(.kp-why) .kp-close__ground video { top: auto !important; bottom: 0 !important; height: 320% !important; object-fit: fill !important; }

/* ---------- 5. Reveal (only when JS runs; never in the editor) ---------- */
html.kp-js body .kp-about-ready > * { transition: opacity .9s var(--kp-ease), transform .9s var(--kp-ease); }
html.kp-js body .kp-about-ready:not(.is-in) > * { opacity: 0; transform: translateY(18px); }
html.kp-js body .kp-about-ready > *:nth-child(2) { transition-delay: .1s; }
html.kp-js body .kp-about-ready > *:nth-child(3) { transition-delay: .2s; }
html.kp-js body .kp-about-ready > *:nth-child(4) { transition-delay: .3s; }

/* ---------- 6. Tablet ---------- */
@media (max-width: 1099px) {
  body .kp-why .kp-why__bridge { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body .kp-why .kp-why__art { grid-column: 1 / -1; order: -1; height: 380px; }
  body .kp-principles .kp-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .kp-careers .kp-careers__card { grid-template-columns: minmax(0, 1fr); }
  body .kp-careers .kp-careers__art { order: -1; min-height: 380px; }
}
/* ---------- 7. Phone ---------- */
@media (max-width: 767px) {
  body .kp-why.kp-why, body .kp-principles.kp-principles, body .kp-careers.kp-careers { --kp-seam: 32px; }
  body .kp-why.kp-why { padding: 88px 16px 128px !important; }
  body .kp-principles.kp-principles { padding: 88px 16px 128px !important; background: radial-gradient(ellipse 90% 40% at 50% 55%, #1B1640, #0F1417 72%) #0F1417 !important; }
  body .kp-careers.kp-careers { padding: 88px 16px 128px !important; }
  body .kp-why .kp-why__statement, body .elementor .kp-why .kp-why__statement { margin-top: 20px !important; line-height: 1.18 !important; }
  body .kp-why .kp-why__bridge { margin-top: 40px !important; padding: 8px !important; grid-template-columns: minmax(0, 1fr); gap: 0 !important; border-radius: 40px !important; }
  body .kp-why .kp-why__art { height: 300px; border-radius: 32px !important; }
  body .kp-why .kp-why__side { padding: 26px 22px 24px !important; }
  body .kp-why .kp-why__side--tp { border-top: 1px solid #E2E1E8; margin: 0 22px !important; padding: 26px 0 24px !important; }
  body .kp-why .kp-why__item, body .elementor .kp-why .kp-why__item { font-size: 15px !important; }
  body .kp-why .kp-why__close, body .elementor .kp-why .kp-why__close { margin-top: 22px !important; font-size: 16px !important; }
  body .kp-principles .kp-principles__grid { margin-top: 40px !important; grid-template-columns: minmax(0, 1fr); gap: 12px !important; }
  body .kp-principles .kp-principle { min-height: 0 !important; padding: 26px 22px !important; border-radius: 34px !important; }
  body .kp-principles .kp-principle::before { width: 56px; height: 56px; margin-bottom: 10px; }
  body .kp-principles .kp-principle::after { font-size: 96px; right: 16px; bottom: -8px; }
  body .kp-principles .kp-principle__title, body .elementor .kp-principles .kp-principle__title { font-size: 20px !important; margin-top: 4px !important; }
  body .kp-careers .kp-careers__card { margin-top: 40px !important; padding: 8px !important; gap: 8px !important; border-radius: 40px !important; }
  body .kp-careers .kp-careers__art { min-height: 300px; border-radius: 32px !important; }
  body .kp-careers .kp-careers__text { padding: 26px 20px 28px !important; }
  body .kp-careers .kp-careers__lede, body .elementor .kp-careers .kp-careers__lede { font-size: 17px !important; }
  body .kp-careers .kp-careers__item, body .elementor .kp-careers .kp-careers__item { font-size: 15px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body .kp-principles .kp-principle, body .kp-principles .kp-principle::before, body .kp-careers a.kp-careers__btn { transition: none !important; }
  html.kp-js body .kp-about-ready:not(.is-in) > * { opacity: 1; transform: none; }
}