/* =========================================================
   DSB V5.4.1 — HOMEPAGE HERO / HEAVY TYPE + TRUE FRACTURE
   Scope: Turkish homepage hero only.
   ========================================================= */

.signature-home-main .ke2-fracture-hero{
  height:430vh!important;
  background:#fff!important;
}
.signature-home-main .ke2-fracture-hero .ke2-sticky{
  min-height:650px;
  background:#fff!important;
}

/* Heavy, compact, deliberate. */
.signature-home-main .ke2-fracture-hero .ke2-word{
  left:clamp(20px,4.8vw,82px)!important;
  right:auto!important;
  width:max-content!important;
  height:.86em;
  overflow:visible;
  font-family:"Arial Black","Helvetica Neue",Arial,Helvetica,sans-serif!important;
  font-size:clamp(78px,11.2vw,188px)!important;
  line-height:.84!important;
  font-weight:950!important;
  letter-spacing:-.078em!important;
  white-space:nowrap!important;
  color:#090a0c!important;
  transform:none!important;
  opacity:1!important;
  isolation:isolate;
  perspective:900px;
}
.signature-home-main .ke2-fracture-hero .ke2-word--design{top:19%!important}
.signature-home-main .ke2-fracture-hero .ke2-word--technology{top:41%!important}
.signature-home-main .ke2-fracture-hero .ke2-word--systems{top:63%!important}

/* Each visible word is rebuilt as five horizontal slices.
   At 0% they form one perfect word; scroll physically pulls the slices apart. */
.ke2-fracture-hero .ke2-fracture-shard{
  position:absolute;
  inset:0 auto auto 0;
  display:block;
  width:max-content;
  color:#090a0c;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  white-space:nowrap;
  transform-origin:50% 50%;
  will-change:transform,opacity;
  backface-visibility:hidden;
  pointer-events:none;
}
.ke2-fracture-hero .ke2-fracture-shard:nth-child(1){clip-path:inset(0 0 80% 0)}
.ke2-fracture-hero .ke2-fracture-shard:nth-child(2){clip-path:inset(20% 0 60% 0)}
.ke2-fracture-hero .ke2-fracture-shard:nth-child(3){clip-path:inset(40% 0 40% 0)}
.ke2-fracture-hero .ke2-fracture-shard:nth-child(4){clip-path:inset(60% 0 20% 0)}
.ke2-fracture-hero .ke2-fracture-shard:nth-child(5){clip-path:inset(80% 0 0 0)}

/* Keep supporting UI precise so the fractured type owns the frame. */
.signature-home-main .ke2-fracture-hero .ke2-top,
.signature-home-main .ke2-fracture-hero .ke2-bottom,
.signature-home-main .ke2-fracture-hero .ke2-copy{z-index:70}
.signature-home-main .ke2-fracture-hero .ke2-rulers{opacity:.72}
.signature-home-main .ke2-fracture-hero .ke2-side{font-weight:950!important;color:rgba(9,10,12,.025)!important}

/* Final statement stays strong but does not become another giant poster. */
.signature-home-main .ke2-fracture-hero .ke2-final-lockup{
  left:clamp(22px,8vw,140px)!important;
  top:50%!important;
  width:min(72vw,980px)!important;
  transform:translate3d(0,-46%,0) scale(.94)!important;
}
.signature-home-main .ke2-fracture-hero .ke2-final-lockup h2{
  max-width:13ch!important;
  font-family:"Arial Black","Helvetica Neue",Arial,Helvetica,sans-serif!important;
  font-size:clamp(44px,5.2vw,78px)!important;
  line-height:.98!important;
  font-weight:950!important;
  letter-spacing:-.058em!important;
}
.signature-home-main .ke2-fracture-hero .ke2-final-lockup h2 em{font-weight:500!important}

@media(max-width:1050px){
  .signature-home-main .ke2-fracture-hero .ke2-word{
    font-size:clamp(68px,12.6vw,132px)!important;
  }
}
@media(max-width:780px){
  .signature-home-main .ke2-fracture-hero{height:330vh!important}
  .signature-home-main .ke2-fracture-hero .ke2-word{
    left:16px!important;
    font-size:clamp(54px,15.3vw,104px)!important;
    line-height:.87!important;
    letter-spacing:-.07em!important;
  }
  .signature-home-main .ke2-fracture-hero .ke2-word--design{top:27%!important}
  .signature-home-main .ke2-fracture-hero .ke2-word--technology{top:44%!important}
  .signature-home-main .ke2-fracture-hero .ke2-word--systems{top:61%!important}
  .signature-home-main .ke2-fracture-hero .ke2-final-lockup{left:16px!important;width:calc(100vw - 32px)!important}
  .signature-home-main .ke2-fracture-hero .ke2-final-lockup h2{font-size:clamp(38px,11.5vw,58px)!important}
}
@media(prefers-reduced-motion:reduce){
  .signature-home-main .ke2-fracture-hero{height:140vh!important}
  .ke2-fracture-hero .ke2-fracture-shard{transform:none!important;opacity:1!important}
}


/* V5.4.3 — Secondary statement surface: fewer words, direct message, vertical fracture. */
.signature-home-main .ke2-fracture-hero .ke2-cap-statement{
  position:absolute;
  left:clamp(20px,4.8vw,82px);
  right:clamp(20px,4.8vw,82px);
  top:36%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  z-index:62;
  border-top:1px solid #cfd3cf;
  border-bottom:1px solid #cfd3cf;
  opacity:0;
  transform:translate3d(0,30px,0);
}
.signature-home-main .ke2-fracture-hero .ke2-cap-word{
  position:relative;
  min-height:clamp(88px,9vw,132px);
  display:flex;
  align-items:center;
  padding:clamp(18px,2vw,28px) clamp(10px,1.8vw,24px);
  overflow:visible;
  font-family:"Arial Black","Helvetica Neue",Arial,Helvetica,sans-serif!important;
  font-size:clamp(46px,5.6vw,92px);
  line-height:.9;
  font-weight:950;
  letter-spacing:-.06em;
  color:#090a0c;
  white-space:nowrap;
  isolation:isolate;
  perspective:1000px;
}
.signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(1){grid-column:1;grid-row:1;border-right:1px solid #d5d8d5}
.signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(2){grid-column:2;grid-row:1}
.signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(3){grid-column:1 / span 2;grid-row:2;border-top:1px solid #d5d8d5;padding-top:clamp(20px,2.2vw,30px)}
.ke2-fracture-hero .ke2-cap-shard{
  position:absolute;
  inset:0 auto 0 0;
  display:flex;
  align-items:center;
  padding:inherit;
  color:#090a0c;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  white-space:nowrap;
  transform-origin:50% 50%;
  will-change:transform,opacity;
  backface-visibility:hidden;
  pointer-events:none;
}
.ke2-fracture-hero .ke2-cap-shard:nth-child(1){clip-path:inset(0 83.333% 0 0)}
.ke2-fracture-hero .ke2-cap-shard:nth-child(2){clip-path:inset(0 66.666% 0 16.666%)}
.ke2-fracture-hero .ke2-cap-shard:nth-child(3){clip-path:inset(0 50% 0 33.333%)}
.ke2-fracture-hero .ke2-cap-shard:nth-child(4){clip-path:inset(0 33.333% 0 50%)}
.ke2-fracture-hero .ke2-cap-shard:nth-child(5){clip-path:inset(0 16.666% 0 66.666%)}
.ke2-fracture-hero .ke2-cap-shard:nth-child(6){clip-path:inset(0 0 0 83.333%)}
@media(max-width:1050px){
  .signature-home-main .ke2-fracture-hero .ke2-cap-word{font-size:clamp(38px,6vw,68px)}
}
@media(max-width:780px){
  .signature-home-main .ke2-fracture-hero .ke2-cap-statement{left:16px;right:16px;top:38%;grid-template-columns:1fr;transform:translate3d(0,24px,0)}
  .signature-home-main .ke2-fracture-hero .ke2-cap-word{min-height:68px;font-size:clamp(28px,9vw,48px);padding:14px 10px}
  .signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(1){grid-column:auto;grid-row:auto;border-right:0}
  .signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(2){grid-column:auto;grid-row:auto;border-top:1px solid #d5d8d5}
  .signature-home-main .ke2-fracture-hero .ke2-cap-word:nth-child(3){grid-column:auto;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){
  .signature-home-main .ke2-fracture-hero .ke2-cap-statement{opacity:1;transform:none}
  .ke2-fracture-hero .ke2-cap-shard{transform:none!important;opacity:1!important}
}


/* V5.4.4 — Final slide eye mark: appears, then fractures away into the next section. */
.signature-home-main .ke2-fracture-hero .ke2-eye-mark{
  position:absolute;
  right:clamp(28px,7vw,118px);
  bottom:clamp(78px,12vh,132px);
  width:clamp(74px,8vw,140px);
  aspect-ratio:1;
  z-index:69;
  opacity:0;
  transform:translate3d(0,24px,0) scale(.86);
  will-change:transform,opacity;
  isolation:isolate;
  pointer-events:none;
}
.signature-home-main .ke2-fracture-hero .ke2-eye-mark img,
.signature-home-main .ke2-fracture-hero .ke2-eye-shard{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.signature-home-main .ke2-fracture-hero .ke2-eye-mark img{opacity:0}
.ke2-fracture-hero .ke2-eye-shard{
  position:absolute;
  inset:0;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.ke2-fracture-hero .ke2-eye-shard:nth-child(2){clip-path:inset(0 50% 50% 0)}
.ke2-fracture-hero .ke2-eye-shard:nth-child(3){clip-path:inset(0 0 50% 50%)}
.ke2-fracture-hero .ke2-eye-shard:nth-child(4){clip-path:inset(50% 50% 0 0)}
.ke2-fracture-hero .ke2-eye-shard:nth-child(5){clip-path:inset(50% 0 0 50%)}
@media(max-width:780px){
  .signature-home-main .ke2-fracture-hero .ke2-eye-mark{right:16px;bottom:84px;width:78px}
}
@media(prefers-reduced-motion:reduce){
  .signature-home-main .ke2-fracture-hero .ke2-eye-mark{opacity:1;transform:none}
  .ke2-fracture-hero .ke2-eye-shard{transform:none!important;opacity:1!important}
}


/* V5.4.7 — Premium scroll-changing hero image stage. */
.signature-home-main .ke2-fracture-hero{
  --ke2-hero-gutter: clamp(20px,4.8vw,82px);
  --ke2-media-w: clamp(240px,22vw,390px);
  --ke2-media-gap: clamp(26px,3vw,54px);
}
.signature-home-main .ke2-fracture-hero .ke2-media-stage{
  position:absolute;
  left:var(--ke2-hero-gutter);
  top:50%;
  width:var(--ke2-media-w);
  height:clamp(360px,60vh,700px);
  transform:translate3d(0,-50%,0);
  z-index:65;
  opacity:1;
  pointer-events:none;
  will-change:opacity,transform;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card{
  position:absolute;
  inset:0;
  margin:0;
  padding:clamp(16px,1.4vw,22px);
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%);
  border:1px solid rgba(9,10,12,.12);
  box-shadow:0 34px 72px rgba(9,10,12,.10),0 8px 18px rgba(9,10,12,.05);
  overflow:hidden;
  opacity:0;
  transform:translate3d(0,18px,0) scale(.94) rotate(-3deg);
  transform-origin:50% 50%;
  will-change:transform,opacity;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background:#fff;
}
.signature-home-main .ke2-fracture-hero .ke2-media-stage::before,
.signature-home-main .ke2-fracture-hero .ke2-media-stage::after{
  content:"";
  position:absolute;
  inset:-10px;
  border:1px solid rgba(9,10,12,.05);
  pointer-events:none;
}
.signature-home-main .ke2-fracture-hero .ke2-media-stage::after{
  inset:8px auto auto 8px;
  width:calc(100% - 16px);
  height:calc(100% - 16px);
  border:0;
  background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.42));
}
.signature-home-main .ke2-fracture-hero .ke2-media-ui{
  position:absolute;
  left:0;
  right:0;
  bottom:-34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:10.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#6f7377;
}
.signature-home-main .ke2-fracture-hero .ke2-media-ui b{
  font-size:12px;
  font-weight:700;
  color:#090a0c;
}
.signature-home-main .ke2-fracture-hero .ke2-word{
  left:calc(var(--ke2-hero-gutter) + var(--ke2-media-w) + var(--ke2-media-gap))!important;
}
.signature-home-main .ke2-fracture-hero .ke2-cap-statement{
  left:calc(var(--ke2-hero-gutter) + var(--ke2-media-w) + var(--ke2-media-gap));
}
.signature-home-main .ke2-fracture-hero .ke2-final-lockup{
  left:calc(var(--ke2-hero-gutter) + min(6vw,88px))!important;
}
@media(max-width:1240px){
  .signature-home-main .ke2-fracture-hero{
    --ke2-media-w: clamp(210px,20vw,300px);
    --ke2-media-gap: clamp(18px,2.4vw,34px);
  }
}
@media(max-width:980px){
  .signature-home-main .ke2-fracture-hero .ke2-media-stage{display:none}
  .signature-home-main .ke2-fracture-hero .ke2-word{left:var(--ke2-hero-gutter)!important}
  .signature-home-main .ke2-fracture-hero .ke2-cap-statement{left:var(--ke2-hero-gutter);right:var(--ke2-hero-gutter)}
}
@media(max-width:780px){
  .signature-home-main .ke2-fracture-hero .ke2-media-ui{display:none}
}
@media(prefers-reduced-motion:reduce){
  .signature-home-main .ke2-fracture-hero .ke2-media-stage{opacity:1;transform:translate3d(0,-50%,0)}
  .signature-home-main .ke2-fracture-hero .ke2-media-card{opacity:0!important;transform:none!important}
  .signature-home-main .ke2-fracture-hero .ke2-media-card:first-child{opacity:1!important}
}


/* V5.4.8 — Hero correction: robot object on the right, typography on the left, no framed stage. */
.signature-home-main .ke2-fracture-hero{
  --ke2-object-w: min(36vw, 560px);
  --ke2-object-right: clamp(18px, 4.8vw, 78px);
  --ke2-object-gap: clamp(34px, 6vw, 110px);
}
.signature-home-main .ke2-fracture-hero .ke2-media-stage{
  left:auto!important;
  right:var(--ke2-object-right)!important;
  top:50%!important;
  width:var(--ke2-object-w)!important;
  height:min(76vh, 860px)!important;
  transform:translate3d(0,-50%,0)!important;
  z-index:66!important;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card img{
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 28px 40px rgba(9,10,12,.10));
  background:transparent!important;
}
.signature-home-main .ke2-fracture-hero .ke2-media-stage::before,
.signature-home-main .ke2-fracture-hero .ke2-media-stage::after,
.signature-home-main .ke2-fracture-hero .ke2-media-ui{display:none!important}
.signature-home-main .ke2-fracture-hero .ke2-word{
  left:var(--ke2-hero-gutter)!important;
  right:auto!important;
  max-width:min(52vw, 900px)!important;
}
.signature-home-main .ke2-fracture-hero .ke2-cap-statement{
  left:var(--ke2-hero-gutter)!important;
  right:calc(var(--ke2-object-w) + var(--ke2-object-right) + var(--ke2-object-gap))!important;
}
.signature-home-main .ke2-fracture-hero .ke2-final-lockup{
  left:var(--ke2-hero-gutter)!important;
  width:min(50vw, 760px)!important;
}
@media(max-width:1280px){
  .signature-home-main .ke2-fracture-hero{
    --ke2-object-w:min(34vw, 470px);
    --ke2-object-gap:clamp(22px, 3vw, 52px);
  }
}
@media(max-width:980px){
  .signature-home-main .ke2-fracture-hero .ke2-media-stage{
    right:18px!important;
    width:min(38vw, 300px)!important;
    height:min(44vh, 340px)!important;
    top:18%!important;
    transform:none!important;
  }
  .signature-home-main .ke2-fracture-hero .ke2-cap-statement{
    right:18px!important;
  }
  .signature-home-main .ke2-fracture-hero .ke2-final-lockup{
    width:calc(100vw - 36px)!important;
  }
}
@media(max-width:780px){
  .signature-home-main .ke2-fracture-hero .ke2-media-stage{
    right:10px!important;
    width:min(42vw, 220px)!important;
    height:min(26vh, 220px)!important;
    top:10%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .signature-home-main .ke2-fracture-hero .ke2-media-stage{transform:none!important}
}


/* V5.4.9 — Hero robot morph-motion refinement using transparent PNGs. */
.signature-home-main .ke2-fracture-hero .ke2-media-stage{
  display:block;
  overflow:visible;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card{
  inset:0!important;
  opacity:0;
  transform:translate3d(0,0,0)!important;
  transition:none!important;
  will-change:opacity,filter,transform;
}
.signature-home-main .ke2-fracture-hero .ke2-media-card img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:drop-shadow(0 24px 38px rgba(9,10,12,.10));
  will-change:filter,opacity;
}


/* V5.5.0 — Centered video hero with scroll scrub. */
.ke2-video-hero{
  position:relative;
  min-height:320vh;
  background:linear-gradient(180deg,#f7f7f5 0%,#f5f5f3 100%);
}
.ke2-video-hero .ke2-video-sticky{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
}
.ke2-video-hero .ke2-video-meta{
  position:absolute;
  top:clamp(18px,2.4vw,28px);
  left:clamp(18px,3vw,42px);
  z-index:5;
  display:flex;
  flex-direction:column;
  gap:3px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#767676;
}
.ke2-video-hero .ke2-video-meta small,
.ke2-video-hero .ke2-video-meta span{font:inherit}
.ke2-video-hero .ke2-video-copy{
  position:absolute;
  left:50%;
  top:17.5vh;
  transform:translateX(-50%);
  width:min(920px, calc(100vw - 48px));
  z-index:6;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.ke2-video-hero .ke2-video-copy small{
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7a7a7a;
}
.ke2-video-hero .ke2-video-copy h1,
.ke2-video-hero .ke2-video-copy h2{
  margin:0;
  font-weight:800;
  letter-spacing:-.05em;
  color:#090a0c;
}
.ke2-video-hero .ke2-video-copy h1{
  font-size:clamp(48px,7.2vw,112px);
  line-height:.95;
}
.ke2-video-hero .ke2-video-copy h2{
  font-size:clamp(34px,4.6vw,72px);
  line-height:.96;
}
.ke2-video-hero .ke2-video-copy p{
  margin:8px 0 0;
  max-width:720px;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.65;
  color:#444;
}
.ke2-video-hero .ke2-video-tags{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
}
.ke2-video-hero .ke2-video-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 14px;
  border:1px solid rgba(9,10,12,.10);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(10px);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#333;
}
.ke2-video-hero .ke2-video-stage{
  position:absolute;
  left:50%;
  top:57%;
  width:min(74vw, 980px);
  height:min(56vh, 560px);
  transform:translate(-50%,-50%);
  z-index:3;
  display:grid;
  place-items:center;
}
.ke2-video-hero .ke2-hero-video{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 26px 60px rgba(9,10,12,.10));
}
.ke2-video-hero .ke2-video-glow{
  position:absolute;
  left:50%;
  bottom:6%;
  width:min(38vw,520px);
  height:min(18vw,180px);
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.85) 0%, rgba(255,255,255,.2) 42%, rgba(255,255,255,0) 72%);
  pointer-events:none;
  z-index:-1;
}
.ke2-video-hero .ke2-video-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02));
  opacity:.28;
}
.ke2-video-hero .ke2-video-bottom{
  position:absolute;
  left:50%;
  bottom:clamp(18px,3vw,34px);
  transform:translateX(-50%);
  width:min(680px, calc(100vw - 42px));
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.ke2-video-hero .ke2-video-progress-wrap{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:auto minmax(140px,1fr) auto;
  align-items:center;
  gap:12px;
}
.ke2-video-hero .ke2-video-progress-wrap span,
.ke2-video-hero .ke2-video-progress-wrap b,
.ke2-video-hero .ke2-video-bottom small{
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7a7a7a;
}
.ke2-video-hero .ke2-video-progress-wrap div{
  height:1px;
  background:rgba(9,10,12,.10);
  position:relative;
  overflow:hidden;
}
.ke2-video-hero .ke2-video-progress-wrap i{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  background:#090a0c;
}
@media(max-width:980px){
  .ke2-video-hero{min-height:280vh}
  .ke2-video-hero .ke2-video-copy{top:14vh;width:min(92vw,760px)}
  .ke2-video-hero .ke2-video-copy h1{font-size:clamp(42px,10vw,82px)}
  .ke2-video-hero .ke2-video-copy h2{font-size:clamp(28px,6.4vw,54px)}
  .ke2-video-hero .ke2-video-stage{width:min(88vw,760px);height:min(42vh,420px);top:58%}
}
@media(max-width:700px){
  .ke2-video-hero{min-height:250vh}
  .ke2-video-hero .ke2-video-copy{top:12vh;gap:12px}
  .ke2-video-hero .ke2-video-copy p{font-size:14px;line-height:1.58;max-width:92vw}
  .ke2-video-hero .ke2-video-tags{gap:8px}
  .ke2-video-hero .ke2-video-tags span{font-size:10px;padding:0 11px;min-height:30px}
  .ke2-video-hero .ke2-video-stage{top:60%;width:min(96vw,520px);height:min(36vh,300px)}
  .ke2-video-hero .ke2-video-bottom{width:calc(100vw - 28px);bottom:18px}
  .ke2-video-hero .ke2-video-progress-wrap{grid-template-columns:auto 1fr;grid-template-areas:'a c' 'b b';row-gap:8px}
  .ke2-video-hero .ke2-video-progress-wrap span{grid-area:a}
  .ke2-video-hero .ke2-video-progress-wrap b{grid-area:c;justify-self:end}
  .ke2-video-hero .ke2-video-progress-wrap div{grid-area:b}
}


/* V5.5.1 — Scrub smoothing + full-surface video integration. */
.ke2-video-hero{
  min-height:205vh!important;
  background:#f7f9f8!important;
}
.ke2-video-hero .ke2-video-meta{display:none!important}
.ke2-video-hero .ke2-video-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  display:block!important;
  z-index:1!important;
  overflow:hidden!important;
}
.ke2-video-hero .ke2-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  background:#f7f9f8!important;
}
.ke2-video-hero .ke2-video-glow,
.ke2-video-hero .ke2-video-noise{display:none!important}
.ke2-video-hero .ke2-video-copy{
  top:13.5vh!important;
  width:min(980px,calc(100vw - 48px))!important;
  z-index:6!important;
  gap:10px!important;
  pointer-events:none;
}
.ke2-video-hero .ke2-video-copy small{
  margin-bottom:8px!important;
  color:#696d6b!important;
}
.ke2-video-hero .ke2-video-copy h1{
  font-size:clamp(54px,6.8vw,108px)!important;
  line-height:.94!important;
}
.ke2-video-hero .ke2-video-copy h2{
  font-size:clamp(40px,5.2vw,82px)!important;
  line-height:.95!important;
}
.ke2-video-hero .ke2-video-copy p{
  max-width:760px!important;
  margin-top:12px!important;
  color:#353a38!important;
  font-size:clamp(15px,1.2vw,18px)!important;
}
.ke2-video-hero .ke2-video-tags{
  margin-top:10px!important;
  opacity:.92;
}
.ke2-video-hero .ke2-video-tags span{
  background:rgba(247,249,248,.72)!important;
  border-color:rgba(9,10,12,.11)!important;
  color:#2f3332!important;
  backdrop-filter:blur(12px)!important;
}
.ke2-video-hero .ke2-video-bottom{
  z-index:7!important;
  bottom:clamp(18px,2.2vw,28px)!important;
}
@media(max-width:980px){
  .ke2-video-hero{min-height:190vh!important}
  .ke2-video-hero .ke2-video-copy{top:12vh!important}
}
@media(max-width:700px){
  .ke2-video-hero{min-height:180vh!important}
  .ke2-video-hero .ke2-video-copy{top:10vh!important;width:calc(100vw - 28px)!important}
  .ke2-video-hero .ke2-video-copy h1{font-size:clamp(42px,12vw,66px)!important}
  .ke2-video-hero .ke2-video-copy h2{font-size:clamp(30px,8vw,48px)!important}
  .ke2-video-hero .ke2-video-copy p{max-width:92vw!important}
}


/* V5.5.3 — MDX-like hero layout with centered video stage */
:root{--dsb-hero-surface:#f1f1ef}
.ke2-video-hero{
  min-height:180vh!important;
  background:var(--dsb-hero-surface)!important;
}
.ke2-video-hero .ke2-video-sticky{
  background:var(--dsb-hero-surface)!important;
}
.ke2-video-hero .ke2-video-meta,
.ke2-video-hero .ke2-video-bottom,
.ke2-video-hero .ke2-video-glow,
.ke2-video-hero .ke2-video-noise{
  display:none!important;
}
.ke2-video-hero .ke2-video-stage{
  position:absolute!important;
  left:50%!important;
  top:53%!important;
  inset:auto!important;
  width:min(39vw, 640px)!important;
  height:min(76vh, 760px)!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:var(--dsb-hero-surface)!important;
}
.ke2-video-hero .ke2-hero-video{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  background:var(--dsb-hero-surface)!important;
}
.ke2-video-hero .ke2-video-copy{
  position:absolute!important;
  inset:0!important;
  transform:none!important;
  width:100%!important;
  z-index:5!important;
  display:block!important;
  pointer-events:none;
}
.ke2-video-hero .ke2-video-copy-grid{
  position:relative;
  height:100%;
  width:100%;
}
.ke2-video-hero .ke2-video-left,
.ke2-video-hero .ke2-video-right{
  position:absolute;
  pointer-events:auto;
}
.ke2-video-hero .ke2-video-left{
  left:clamp(22px,4.2vw,64px);
  top:50%;
  transform:translateY(-50%);
  width:min(34vw, 540px);
}
.ke2-video-hero .ke2-video-right{
  right:clamp(22px,4.2vw,64px);
  top:50%;
  transform:translateY(-50%);
  width:min(28vw, 440px);
}
.ke2-video-hero .ke2-video-left h1,
.ke2-video-hero .ke2-video-left h2{
  margin:0;
  color:#0b1016;
  font-weight:400;
  letter-spacing:-.055em;
  line-height:.93;
  font-family:inherit;
}
.ke2-video-hero .ke2-video-left h1{font-size:clamp(48px,4.9vw,84px)}
.ke2-video-hero .ke2-video-left h2{font-size:clamp(48px,4.9vw,84px)}
.ke2-video-hero .ke2-video-left p{
  margin:26px 0 0;
  max-width:520px;
  font-size:clamp(14px,1.45vw,18px);
  line-height:1.18;
  letter-spacing:-.03em;
  color:#919391;
}
.ke2-video-hero .ke2-video-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:28px;
  min-height:58px;
  padding:0 28px;
  border-radius:999px;
  background:#0b1118;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 18px 28px rgba(11,17,24,.14);
}
.ke2-video-hero .ke2-video-cta span{font-size:20px;line-height:1;color:#ff9f1a}
.ke2-video-hero .ke2-video-right p{
  margin:0;
  font-size:clamp(16px,1.85vw,24px);
  line-height:1.12;
  letter-spacing:-.035em;
  color:#1f2328;
}
.ke2-video-hero .ke2-video-tags{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px!important;
}
.ke2-video-hero .ke2-video-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 18px;
  border:1px solid rgba(11,17,24,.72)!important;
  border-radius:999px;
  background:transparent!important;
  color:#2a2d31!important;
  backdrop-filter:none!important;
  font-size:12px;
  line-height:1;
  letter-spacing:.02em;
  text-transform:none!important;
  box-shadow:none!important;
}
@media (max-width:1320px){
  .ke2-video-hero .ke2-video-stage{width:min(36vw,560px)!important;height:min(68vh,660px)!important}
  .ke2-video-hero .ke2-video-left{width:min(35vw,500px)}
  .ke2-video-hero .ke2-video-right{width:min(30vw,400px)}
}
@media (max-width:1100px){
  .ke2-video-hero{min-height:170vh!important}
  .ke2-video-hero .ke2-video-stage{width:min(42vw,500px)!important;height:min(62vh,560px)!important;top:52%!important}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-left h2{font-size:clamp(42px,4.8vw,66px)}
  .ke2-video-hero .ke2-video-right p{font-size:clamp(15px,1.7vw,20px)}
}
@media (max-width:920px){
  .ke2-video-hero{min-height:160vh!important}
  .ke2-video-hero .ke2-video-stage{width:min(56vw,420px)!important;height:min(52vh,460px)!important;top:37%!important}
  .ke2-video-hero .ke2-video-left,
  .ke2-video-hero .ke2-video-right{
    left:20px; right:20px; width:auto; transform:none;
  }
  .ke2-video-hero .ke2-video-left{top:12vh}
  .ke2-video-hero .ke2-video-right{top:auto; bottom:13vh}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-left h2{font-size:clamp(36px,8vw,54px)}
  .ke2-video-hero .ke2-video-left p{font-size:14px;line-height:1.3;max-width:86vw}
  .ke2-video-hero .ke2-video-right p{font-size:16px;max-width:86vw}
  .ke2-video-hero .ke2-video-tags{margin-top:18px!important;gap:8px}
}
@media (max-width:640px){
  .ke2-video-hero{min-height:150vh!important}
  .ke2-video-hero .ke2-video-stage{width:min(76vw,360px)!important;height:min(42vh,320px)!important;top:38%!important}
  .ke2-video-hero .ke2-video-left{top:8vh}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-left h2{font-size:clamp(30px,10vw,44px)}
  .ke2-video-hero .ke2-video-left p{margin-top:18px;font-size:13px}
  .ke2-video-hero .ke2-video-cta{min-height:48px;padding:0 22px;font-size:12px;margin-top:20px}
  .ke2-video-hero .ke2-video-right{bottom:8vh}
  .ke2-video-hero .ke2-video-right p{font-size:14px;line-height:1.2}
  .ke2-video-hero .ke2-video-tags span{font-size:11px;min-height:30px;padding:0 14px}
}


/* V5.5.4 — Center-stage + MDX proportion correction */
:root{--dsb-hero-surface-top:#f7faf8;--dsb-hero-surface-bottom:#f3f5f6}
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky{
  background:linear-gradient(180deg,var(--dsb-hero-surface-top) 0%,var(--dsb-hero-surface-bottom) 100%)!important;
}

.ke2-video-hero .ke2-video-stage{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(58vw,920px)!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  z-index:1!important;
}
.ke2-video-hero .ke2-hero-video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  filter:none!important;
}

.ke2-video-hero .ke2-video-left{
  left:clamp(20px,1.4vw,28px)!important;
  top:9vh!important;
  transform:none!important;
  width:min(39vw,650px)!important;
}
.ke2-video-hero .ke2-video-left h1,
.ke2-video-hero .ke2-video-left h2{
  margin:0!important;
  font-weight:400!important;
  font-size:clamp(44px,3.45vw,66px)!important;
  line-height:.93!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}
.ke2-video-hero .ke2-video-left p{
  margin:26px 0 0!important;
  max-width:690px!important;
  color:#929794!important;
  font-size:clamp(15px,1.22vw,22px)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  text-align:left!important;
}
.ke2-video-hero .ke2-video-cta{
  margin-top:28px!important;
  min-height:62px!important;
  padding:0 34px!important;
  font-size:15px!important;
}

.ke2-video-hero .ke2-video-right{
  right:clamp(20px,1.4vw,28px)!important;
  left:auto!important;
  top:45%!important;
  transform:none!important;
  width:min(29vw,480px)!important;
}
.ke2-video-hero .ke2-video-right p{
  margin:0!important;
  font-size:clamp(17px,1.45vw,25px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
}
.ke2-video-hero .ke2-video-tags{
  justify-content:flex-start!important;
  margin-top:24px!important;
}
.ke2-video-hero .ke2-video-tags span{
  min-height:30px!important;
  padding:0 18px!important;
  font-size:12px!important;
}

@media(max-width:1320px){
  .ke2-video-hero .ke2-video-stage{width:min(54vw,780px)!important}
  .ke2-video-hero .ke2-video-left{width:min(40vw,560px)!important}
  .ke2-video-hero .ke2-video-right{width:min(30vw,420px)!important}
}
@media(max-width:1040px){
  .ke2-video-hero .ke2-video-stage{width:min(64vw,700px)!important;top:48%!important}
  .ke2-video-hero .ke2-video-left{top:8vh!important;width:min(46vw,520px)!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-left h2{font-size:clamp(38px,4.8vw,54px)!important}
  .ke2-video-hero .ke2-video-right{top:54%!important;width:min(34vw,360px)!important}
}
@media(max-width:820px){
  .ke2-video-hero{min-height:165vh!important}
  .ke2-video-hero .ke2-video-stage{top:42%!important;width:min(88vw,640px)!important}
  .ke2-video-hero .ke2-video-left{left:18px!important;right:18px!important;top:7vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-left h2{font-size:clamp(34px,8.5vw,50px)!important}
  .ke2-video-hero .ke2-video-left p{max-width:78vw!important;font-size:14px!important;line-height:1.25!important;margin-top:18px!important}
  .ke2-video-hero .ke2-video-cta{min-height:48px!important;padding:0 22px!important;font-size:12px!important;margin-top:18px!important}
  .ke2-video-hero .ke2-video-right{right:18px!important;left:18px!important;top:auto!important;bottom:8vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-right p{font-size:15px!important;max-width:88vw!important}
}


/* V5.5.5 — MDX hero composition correction: seamless centered video */
:root{
  --dsb-hero-surface-top:#f9fbfb;
  --dsb-hero-surface-bottom:#f3f4f7;
}
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky{
  background:linear-gradient(180deg,var(--dsb-hero-surface-top) 0%,var(--dsb-hero-surface-bottom) 100%)!important;
}
.ke2-video-hero .ke2-video-stage{
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:min(100vw, calc((100vh - 96px) * 1.7777778))!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  overflow:hidden!important;
  z-index:1!important;
}
.ke2-video-hero .ke2-hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  filter:none!important;
}
.ke2-video-hero .ke2-video-left{
  left:clamp(22px,1.5vw,30px)!important;
  top:18vh!important;
  transform:none!important;
  width:min(38vw,640px)!important;
  z-index:6!important;
}
.ke2-video-hero .ke2-video-left h1,
.ke2-video-hero .ke2-video-left h2{
  font-size:clamp(42px,3.4vw,64px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.ke2-video-hero .ke2-video-left p{
  max-width:650px!important;
  margin-top:24px!important;
  font-size:clamp(14px,1.15vw,20px)!important;
  line-height:1.12!important;
}
.ke2-video-hero .ke2-video-cta{
  margin-top:26px!important;
  min-height:60px!important;
  padding:0 32px!important;
}
.ke2-video-hero .ke2-video-right{
  right:clamp(22px,1.5vw,30px)!important;
  top:48%!important;
  transform:none!important;
  width:min(28vw,470px)!important;
  z-index:6!important;
}
.ke2-video-hero .ke2-video-right p{
  font-size:clamp(16px,1.4vw,23px)!important;
  line-height:1.1!important;
}
.ke2-video-hero .ke2-video-tags{margin-top:22px!important}
.ke2-video-hero .ke2-video-tags span{font-size:12px!important;min-height:30px!important}
@media(max-width:1320px){
  .ke2-video-hero .ke2-video-stage{width:min(100vw, calc((100vh - 92px) * 1.7777778))!important}
  .ke2-video-hero .ke2-video-left{top:17vh!important;width:min(39vw,560px)!important}
  .ke2-video-hero .ke2-video-right{width:min(30vw,410px)!important}
}
@media(max-width:1040px){
  .ke2-video-hero .ke2-video-stage{width:min(100vw, calc((100vh - 86px) * 1.7777778))!important;top:50%!important}
  .ke2-video-hero .ke2-video-left{top:14vh!important;width:min(44vw,500px)!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-left h2{font-size:clamp(36px,4.7vw,52px)!important}
  .ke2-video-hero .ke2-video-right{top:52%!important;width:min(34vw,360px)!important}
}
@media(max-width:820px){
  .ke2-video-hero{min-height:165vh!important}
  .ke2-video-hero .ke2-video-stage{width:100vw!important;top:46%!important}
  .ke2-video-hero .ke2-video-left{left:18px!important;right:18px!important;top:11vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-left h2{font-size:clamp(34px,8vw,48px)!important}
  .ke2-video-hero .ke2-video-left p{max-width:72vw!important;font-size:14px!important;line-height:1.22!important}
  .ke2-video-hero .ke2-video-right{left:18px!important;right:18px!important;top:auto!important;bottom:8vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-right p{max-width:84vw!important;font-size:15px!important}
}


/* V5.5.6 — hero left block bottom-left + bottom-gap cleanup */
.ke2-video-hero .ke2-video-stage{
  top:56%!important;
}
.ke2-video-hero .ke2-video-left{
  top:auto!important;
  bottom:7.5vh!important;
  left:clamp(22px,1.5vw,30px)!important;
  transform:none!important;
}
.ke2-video-hero .ke2-video-left p{
  max-width:min(34vw,520px)!important;
}
@media(max-width:1320px){
  .ke2-video-hero .ke2-video-stage{top:55%!important}
  .ke2-video-hero .ke2-video-left{bottom:6vh!important;width:min(39vw,540px)!important}
}
@media(max-width:1040px){
  .ke2-video-hero .ke2-video-stage{top:54%!important}
  .ke2-video-hero .ke2-video-left{bottom:5.5vh!important;width:min(44vw,500px)!important}
}
@media(max-width:820px){
  .ke2-video-hero .ke2-video-stage{top:46%!important}
  .ke2-video-hero .ke2-video-left{top:11vh!important;bottom:auto!important;left:18px!important;right:18px!important;width:auto!important}
}


/* V5.5.7 — exact split-title hero composition based on approved sketch */
:root{
  --dsb-hero-surface-top:#f8f8f6;
  --dsb-hero-surface-bottom:#f4f4f2;
}
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky,
.ke2-video-hero .ke2-video-stage{
  background:linear-gradient(180deg,var(--dsb-hero-surface-top) 0%,var(--dsb-hero-surface-bottom) 100%)!important;
}
.ke2-video-hero .ke2-video-stage{
  top:54.5%!important;
  width:min(96vw, calc((100vh - 102px) * 1.7777778))!important;
}
.ke2-video-hero .ke2-hero-video{
  object-fit:contain!important;
  background:linear-gradient(180deg,var(--dsb-hero-surface-top) 0%,var(--dsb-hero-surface-bottom) 100%)!important;
}
.ke2-video-hero .ke2-video-left{
  left:clamp(26px,3.5vw,58px)!important;
  top:50%!important;
  bottom:auto!important;
  width:min(26vw,420px)!important;
  transform:translateY(-8%)!important;
}
.ke2-video-hero .ke2-video-left h1{
  font-size:clamp(34px,3.6vw,62px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.ke2-video-hero .ke2-video-left h2{display:none!important}
.ke2-video-hero .ke2-video-left p{
  max-width:none!important;
  margin-top:14px!important;
  font-size:clamp(14px,1.18vw,18px)!important;
  line-height:1.08!important;
  color:rgba(4,8,17,.76)!important;
}
.ke2-video-hero .ke2-video-cta{
  margin-top:20px!important;
  min-height:42px!important;
  padding:0 22px!important;
  font-size:12px!important;
  letter-spacing:.09em!important;
}
.ke2-video-hero .ke2-video-right{
  right:clamp(26px,3.5vw,58px)!important;
  top:50%!important;
  width:min(26vw,430px)!important;
  transform:translateY(-8%)!important;
  text-align:center!important;
}
.ke2-video-hero .ke2-video-right h2{
  display:block!important;
  font-size:clamp(34px,3.6vw,62px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  margin:0 0 14px!important;
  font-weight:500!important;
  color:#040811!important;
}
.ke2-video-hero .ke2-video-right p{
  font-size:clamp(14px,1.18vw,18px)!important;
  line-height:1.08!important;
  color:rgba(4,8,17,.82)!important;
}
.ke2-video-hero .ke2-video-tags{
  justify-content:center!important;
  margin-top:18px!important;
}
.ke2-video-hero .ke2-video-tags span{
  min-height:34px!important;
  padding:0 18px!important;
  background:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(4px)!important;
}
@media(max-width:1320px){
  .ke2-video-hero .ke2-video-stage{width:min(98vw, calc((100vh - 96px) * 1.7777778))!important}
  .ke2-video-hero .ke2-video-left,.ke2-video-hero .ke2-video-right{width:min(29vw,390px)!important}
}
@media(max-width:1120px){
  .ke2-video-hero .ke2-video-stage{top:53.5%!important;width:min(100vw, calc((100vh - 96px) * 1.7777778))!important}
  .ke2-video-hero .ke2-video-left{width:min(32vw,360px)!important;transform:translateY(-4%)!important}
  .ke2-video-hero .ke2-video-right{width:min(32vw,360px)!important;transform:translateY(-4%)!important}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-right h2{font-size:clamp(30px,3.5vw,48px)!important}
}
@media(max-width:820px){
  .ke2-video-hero{min-height:165vh!important}
  .ke2-video-hero .ke2-video-stage{top:42%!important;width:100vw!important}
  .ke2-video-hero .ke2-video-left{left:18px!important;right:18px!important;top:10vh!important;transform:none!important;width:auto!important}
  .ke2-video-hero .ke2-video-right{left:18px!important;right:18px!important;top:auto!important;bottom:9vh!important;transform:none!important;width:auto!important;text-align:left!important}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-right h2{font-size:clamp(32px,8vw,46px)!important}
  .ke2-video-hero .ke2-video-right .ke2-video-tags{justify-content:flex-start!important}
}


/* V5.5.8 — hero exact placement polish from approved drawn layout */
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky{
  background:linear-gradient(180deg,#f8f8f6 0%,#f4f4f2 100%)!important;
}
.ke2-video-hero .ke2-video-stage{
  top:57.5%!important;
  width:min(100vw, calc((100vh - 78px) * 1.7777778))!important;
}
.ke2-video-hero .ke2-hero-video{
  background:linear-gradient(180deg,#f8f8f6 0%,#f4f4f2 100%)!important;
}
.ke2-video-hero .ke2-video-left{
  left:clamp(28px,3.4vw,56px)!important;
  right:auto!important;
  top:auto!important;
  bottom:16vh!important;
  transform:none!important;
  width:min(24vw,390px)!important;
  text-align:left!important;
}
.ke2-video-hero .ke2-video-left h1{
  font-size:clamp(34px,3.15vw,56px)!important;
  line-height:.97!important;
  margin:0!important;
}
.ke2-video-hero .ke2-video-left p{
  max-width:none!important;
  margin-top:12px!important;
  font-size:clamp(13px,1.03vw,16px)!important;
  line-height:1.13!important;
  color:rgba(4,8,17,.78)!important;
}
.ke2-video-hero .ke2-video-cta{
  margin-top:18px!important;
  min-height:40px!important;
  padding:0 20px!important;
  font-size:11px!important;
}
.ke2-video-hero .ke2-video-right{
  left:auto!important;
  right:clamp(28px,3.4vw,56px)!important;
  top:auto!important;
  bottom:16vh!important;
  transform:none!important;
  width:min(24vw,410px)!important;
  text-align:center!important;
}
.ke2-video-hero .ke2-video-right h2{
  font-size:clamp(34px,3.15vw,56px)!important;
  line-height:.97!important;
  margin:0 0 12px!important;
}
.ke2-video-hero .ke2-video-right p{
  font-size:clamp(13px,1.03vw,16px)!important;
  line-height:1.13!important;
  color:rgba(4,8,17,.88)!important;
}
.ke2-video-hero .ke2-video-tags{
  margin-top:16px!important;
  justify-content:center!important;
}
.ke2-video-hero .ke2-video-tags span{
  min-height:32px!important;
  padding:0 16px!important;
  font-size:12px!important;
}
@media(max-width:1320px){
  .ke2-video-hero .ke2-video-stage{top:57%!important;width:min(100vw, calc((100vh - 76px) * 1.7777778))!important}
  .ke2-video-hero .ke2-video-left{width:min(26vw,360px)!important;bottom:14vh!important}
  .ke2-video-hero .ke2-video-right{width:min(26vw,360px)!important;bottom:14vh!important}
}
@media(max-width:1120px){
  .ke2-video-hero .ke2-video-stage{top:56%!important;width:min(100vw, calc((100vh - 78px) * 1.7777778))!important}
  .ke2-video-hero .ke2-video-left,.ke2-video-hero .ke2-video-right{width:min(28vw,320px)!important;bottom:11vh!important}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-right h2{font-size:clamp(30px,3vw,44px)!important}
}
@media(max-width:820px){
  .ke2-video-hero{min-height:165vh!important}
  .ke2-video-hero .ke2-video-stage{top:43%!important;width:100vw!important}
  .ke2-video-hero .ke2-video-left{left:18px!important;right:18px!important;bottom:auto!important;top:11vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-right{left:18px!important;right:18px!important;bottom:8vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-left h1,.ke2-video-hero .ke2-video-right h2{font-size:clamp(30px,8.2vw,44px)!important}
}


/* V5.5.9 — requested headline weight, single-line titles, right alignment, smaller responsive video */
.ke2-video-hero .ke2-video-stage{
  top:57.5%!important;
  width:min(82vw, 1180px)!important;
  height:min(68vh, 760px)!important;
  background:#f6f6f4!important;
}
.ke2-video-hero .ke2-hero-video{
  background:#f6f6f4!important;
}
.ke2-video-hero .ke2-video-left{
  width:min(28vw, 560px)!important;
  bottom:15.5vh!important;
}
.ke2-video-hero .ke2-video-left h1{
  font-size:clamp(38px,4.1vw,72px)!important;
  font-weight:800!important;
  line-height:.94!important;
  letter-spacing:-.06em!important;
  white-space:nowrap!important;
}
.ke2-video-hero .ke2-video-right{
  width:min(31vw, 620px)!important;
  bottom:15.5vh!important;
  text-align:right!important;
}
.ke2-video-hero .ke2-video-right h2{
  font-size:clamp(38px,4.1vw,72px)!important;
  font-weight:800!important;
  line-height:.94!important;
  letter-spacing:-.06em!important;
  margin:0 0 12px auto!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.ke2-video-hero .ke2-video-right p{
  text-align:right!important;
  margin-left:auto!important;
}
.ke2-video-hero .ke2-video-tags{
  justify-content:flex-end!important;
}
@media (max-width: 1480px){
  .ke2-video-hero .ke2-video-stage{width:min(80vw, 1080px)!important;height:min(64vh, 700px)!important}
  .ke2-video-hero .ke2-video-left{width:min(26vw, 470px)!important}
  .ke2-video-hero .ke2-video-right{width:min(29vw, 500px)!important}
}
@media (max-width: 1240px){
  .ke2-video-hero .ke2-video-stage{width:min(78vw, 940px)!important;height:min(60vh, 620px)!important}
  .ke2-video-hero .ke2-video-left{width:min(28vw, 390px)!important;bottom:13vh!important}
  .ke2-video-hero .ke2-video-right{width:min(30vw, 430px)!important;bottom:13vh!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-right h2{font-size:clamp(34px,3.6vw,56px)!important}
}
@media (max-width: 980px){
  .ke2-video-hero{min-height:162vh!important}
  .ke2-video-hero .ke2-video-stage{top:44%!important;width:min(88vw, 760px)!important;height:min(48vh, 440px)!important}
  .ke2-video-hero .ke2-video-left{left:18px!important;right:18px!important;bottom:auto!important;top:10vh!important;width:auto!important}
  .ke2-video-hero .ke2-video-right{left:18px!important;right:18px!important;bottom:8vh!important;width:auto!important;text-align:right!important}
  .ke2-video-hero .ke2-video-left h1,
  .ke2-video-hero .ke2-video-right h2{font-size:clamp(30px,7vw,46px)!important;white-space:normal!important}
}


/* V5.5.10 — robot full-screen stage without head crop */
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky{
  background:#f6f6f4!important;
}
.ke2-video-hero .ke2-video-stage{
  top:56.5%!important;
  width:100vw!important;
  max-width:100vw!important;
  height:calc(100vh - 78px)!important;
  max-height:860px!important;
  background:#f6f6f4!important;
}
.ke2-video-hero .ke2-hero-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f6f6f4!important;
}
.ke2-video-hero .ke2-video-left{
  bottom:14vh!important;
}
.ke2-video-hero .ke2-video-right{
  bottom:14vh!important;
}
@media (max-width: 1480px){
  .ke2-video-hero .ke2-video-stage{
    top:56%!important;
    height:calc(100vh - 82px)!important;
    max-height:780px!important;
  }
}
@media (max-width: 1240px){
  .ke2-video-hero .ke2-video-stage{
    top:54.5%!important;
    height:min(74vh,680px)!important;
    width:100vw!important;
  }
  .ke2-video-hero .ke2-video-left,
  .ke2-video-hero .ke2-video-right{
    bottom:12.5vh!important;
  }
}
@media (max-width: 980px){
  .ke2-video-hero{
    min-height:160vh!important;
  }
  .ke2-video-hero .ke2-video-stage{
    top:43.5%!important;
    width:100vw!important;
    height:min(54vh,520px)!important;
    max-height:none!important;
  }
  .ke2-video-hero .ke2-video-left{top:9.5vh!important}
  .ke2-video-hero .ke2-video-right{bottom:7vh!important}
}
@media (max-width: 680px){
  .ke2-video-hero .ke2-video-stage{
    top:41.5%!important;
    height:min(46vh,420px)!important;
  }
}


/* V5.5.11 — hero surface color matched to video background */
:root{
  --dsb-video-bg-top:#f6f9f7;
  --dsb-video-bg-bottom:#f4f6f7;
}
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky,
.ke2-video-hero .ke2-video-stage,
.ke2-video-hero .ke2-hero-video{
  background:linear-gradient(180deg,var(--dsb-video-bg-top) 0%,var(--dsb-video-bg-bottom) 100%)!important;
}
.ke2-video-hero .ke2-video-stage{
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
  isolation:isolate!important;
}
.ke2-video-hero .ke2-video-stage::before,
.ke2-video-hero .ke2-video-stage::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
/* soft feather to remove any perceived video-edge seam */
.ke2-video-hero .ke2-video-stage::after{
  background:radial-gradient(circle at center, rgba(255,255,255,0) 58%, rgba(245,247,246,.42) 100%)!important;
  z-index:1!important;
}
.ke2-video-hero .ke2-hero-video{
  position:relative!important;
  z-index:0!important;
}


/* V5.5.12 — pure white surface + smooth fade-out handoff for the new white-back video */
:root{
  --dsb-video-bg-top:#ffffff;
  --dsb-video-bg-bottom:#ffffff;
}
.ke2-video-hero,
.ke2-video-hero .ke2-video-sticky,
.ke2-video-hero .ke2-video-stage,
.ke2-video-hero .ke2-hero-video{
  background:#ffffff!important;
}
.ke2-video-hero{
  --ke2-hero-fade:1;
  --ke2-hero-shift:0px;
}
.ke2-video-hero .ke2-video-stage{
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  opacity:var(--ke2-hero-fade)!important;
  transform:translate(-50%,-50%) translate3d(0,var(--ke2-hero-shift),0)!important;
  transition:opacity .16s linear, transform .16s linear;
}
.ke2-video-hero .ke2-video-stage::before,
.ke2-video-hero .ke2-video-stage::after{
  display:none!important;
  background:none!important;
  content:none!important;
}
.ke2-video-hero .ke2-hero-video{
  background:#ffffff!important;
  filter:none!important;
  opacity:var(--ke2-hero-fade)!important;
  transition:opacity .16s linear;
}
.ke2-video-hero .ke2-video-glow,
.ke2-video-hero .ke2-video-noise{
  display:none!important;
}
.ke2-video-hero .ke2-video-meta,
.ke2-video-hero .ke2-video-left,
.ke2-video-hero .ke2-video-right,
.ke2-video-hero .ke2-video-bottom{
  opacity:var(--ke2-hero-fade)!important;
  transition:opacity .16s linear, transform .16s linear;
}
.ke2-video-hero .ke2-video-meta{
  transform:translate3d(0,calc(var(--ke2-hero-shift) * .45),0)!important;
}
.ke2-video-hero .ke2-video-left,
.ke2-video-hero .ke2-video-right,
.ke2-video-hero .ke2-video-bottom{
  transform:translate3d(0,var(--ke2-hero-shift),0)!important;
}
@media (max-width: 980px){
  .ke2-video-hero .ke2-video-left,
  .ke2-video-hero .ke2-video-right,
  .ke2-video-hero .ke2-video-bottom{
    transform:translate3d(0,calc(var(--ke2-hero-shift) * .75),0)!important;
  }
}

/* V5.5.13 — remove fade-out, add stronger parallax handoff */
.ke2-video-hero{
  --ke2-hero-fade: 1;
  --ke2-hero-video-shift: 0px;
  --ke2-hero-copy-shift: 0px;
  --ke2-hero-meta-shift: 0px;
}
.ke2-video-hero .ke2-video-stage{
  opacity:1!important;
  transform:translate(-50%,-50%) translate3d(0,var(--ke2-hero-video-shift),0)!important;
  transition:transform .12s linear!important;
  will-change:transform;
}
.ke2-video-hero .ke2-hero-video{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  transition:none!important;
}
.ke2-video-hero .ke2-video-meta{
  opacity:1!important;
  transform:translate3d(0,var(--ke2-hero-meta-shift),0)!important;
  transition:transform .12s linear!important;
  will-change:transform;
}
.ke2-video-hero .ke2-video-left,
.ke2-video-hero .ke2-video-right,
.ke2-video-hero .ke2-video-bottom{
  opacity:1!important;
  transform:translate3d(0,var(--ke2-hero-copy-shift),0)!important;
  transition:transform .12s linear!important;
  will-change:transform;
}