.kyp2026-about-page {
  --kyp-about-bg: var(--kyp2026-bg, #121217);
  --kyp-about-surface: var(--kyp2026-surface, #1c1c23);
  --kyp-about-surface-2: var(--kyp2026-surface-2, #262633);
  --kyp-about-text: var(--kyp2026-text, #F6F2EA);
  --kyp-about-muted: var(--kyp2026-muted, #B8B3A8);
  --kyp-about-border: var(--kyp2026-border, rgba(255,255,255,.15));
  --kyp-about-a1: var(--kyp2026-accent-1, #FFC400);
  --kyp-about-a2: var(--kyp2026-accent-2, #006FCF);
  color: var(--kyp-about-text);
  background: transparent !important;
}

.kyp2026-about-wrap { width: min(1680px, calc(100% - 44px)); margin-inline: auto; }

.kyp2026-about-hero { padding: clamp(76px, 8vw, 126px) 0 clamp(46px, 6vw, 86px); background: transparent !important; }
.kyp2026-about-hero__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, .88fr); gap: clamp(36px, 6vw, 108px); align-items: center; }

.kyp2026-about-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--kyp-about-a1); font-size: .78rem; font-weight: 950; letter-spacing: .18em; text-transform: uppercase; }
.kyp2026-about-kicker::before { content: ""; width: 30px; height: 2px; background: linear-gradient(90deg, var(--kyp-about-a2), var(--kyp-about-a1)); }

.kyp2026-about-hero h1 { max-width: 980px; margin: 0; font-size: clamp(2.8rem, 6vw, 6.4rem); line-height: .9; letter-spacing: -.07em; text-transform: uppercase; }
.kyp2026-about-hero__text { max-width: 820px; margin: 24px 0 0; color: var(--kyp-about-muted); font-size: clamp(1.03rem, 1.25vw, 1.23rem); line-height: 1.75; }

.kyp2026-about-actions { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; }
.kyp2026-about-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; color: var(--kyp-about-text); border: 1px solid var(--kyp-about-border); clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%, 0 10px); }
.kyp2026-about-btn--primary { color: #111 !important; background: linear-gradient(135deg, color-mix(in srgb, var(--kyp-about-a1) 88%, #fff), var(--kyp-about-a1)); border-color: color-mix(in srgb, var(--kyp-about-a1) 60%, #fff); }

.kyp2026-about-switch { margin-top: 20px; display: inline-flex; }
.kyp2026-about-switch .kyp2026-ambiance-switch { transform: scale(.95); transform-origin: left center; }

.kyp2026-about-visual { position: relative; min-height: 360px; display: grid; place-items: center; }
.kyp2026-about-visual img { display: block; width: min(100%, 720px); max-height: 460px; object-fit: cover; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)); box-shadow: 0 26px 80px rgba(0,0,0,.28); border: 1px solid color-mix(in srgb, var(--kyp-about-border) 90%, transparent); }
.kyp2026-about-visual__placeholder { width: min(100%, 640px); aspect-ratio: 16 / 9; display: grid; place-items: center; background: linear-gradient(145deg, color-mix(in srgb, var(--kyp-about-surface) 78%, transparent), color-mix(in srgb, var(--kyp-about-surface-2) 56%, transparent)); border: 1px solid var(--kyp-about-border); clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)); }
.kyp2026-about-visual__placeholder strong { color: var(--kyp-about-a1); font-size: clamp(3rem, 7vw, 8rem); }

.kyp2026-about-story,
.kyp2026-about-timeline,
.kyp2026-about-values,
.kyp2026-about-final { padding: clamp(48px, 6vw, 86px) 0; background: transparent !important; }

.kyp2026-about-section-head { max-width: 980px; margin-bottom: 28px; }
.kyp2026-about-section-head h2,
.kyp2026-about-final h2 { margin: 0; font-size: clamp(2rem, 4vw, 4rem); line-height: .98; letter-spacing: -.045em; text-transform: uppercase; }

.kyp2026-about-story__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 38px); }
.kyp2026-about-story article,
.kyp2026-about-cards article,
.kyp2026-about-final__inner { position: relative; padding: 28px 28px 28px 34px; border: 1px solid color-mix(in srgb, var(--kyp-about-border) 88%, transparent); background: linear-gradient(145deg, color-mix(in srgb, var(--kyp-about-surface) 84%, transparent), color-mix(in srgb, var(--kyp-about-surface-2) 66%, transparent)), repeating-linear-gradient(125deg, rgba(255,255,255,.010) 0 1px, transparent 1px 18px); clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); box-shadow: 0 16px 42px rgba(0,0,0,.14); }
.kyp2026-about-story article::before,
.kyp2026-about-cards article::before,
.kyp2026-about-final__inner::before { content: ""; position: absolute; left: 14px; top: 18px; bottom: 18px; width: 3px; background: linear-gradient(180deg, var(--kyp-about-a1), color-mix(in srgb, var(--kyp-about-a1) 12%, transparent)); }
.kyp2026-about-story article:nth-child(even)::before,
.kyp2026-about-cards article:nth-child(even)::before { background: linear-gradient(180deg, var(--kyp-about-a2), color-mix(in srgb, var(--kyp-about-a2) 12%, transparent)); }

.kyp2026-about-story p,
.kyp2026-about-cards p,
.kyp2026-about-final p { color: var(--kyp-about-muted); line-height: 1.75; font-size: 1.02rem; margin: 0; }

.kyp2026-about-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.kyp2026-about-cards article span { display: block; margin-left: 14px; color: var(--kyp-about-a1); font-weight: 950; letter-spacing: .14em; }
.kyp2026-about-cards h3 { margin: 10px 0 10px 14px; text-transform: uppercase; font-size: 1.08rem; }
.kyp2026-about-cards p { margin-left: 14px; }

.kyp2026-about-final__inner { display: flex; justify-content: space-between; gap: 24px; align-items: center; }

@media (max-width: 1100px) {
  .kyp2026-about-hero__grid,
  .kyp2026-about-story__grid { grid-template-columns: 1fr; }
  .kyp2026-about-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .kyp2026-about-wrap { width: min(100% - 24px, 1680px); }
  .kyp2026-about-hero h1 { font-size: clamp(2.2rem, 12vw, 4rem); }
  .kyp2026-about-cards { grid-template-columns: 1fr; }
  .kyp2026-about-final__inner { display: grid; clip-path: none; }
  .kyp2026-about-story article,
  .kyp2026-about-cards article { clip-path: none; }
}