#kf-hero {
  --kf-px: 0;
  --kf-py: 0;
  --kf-scroll: 0;
  position: relative;
  width: 100vw;
  height: 116svh;
  margin-left: calc(50% - 50vw);
  color: #f4f1eb;
  background: #080808;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#kf-hero, #kf-hero * { box-sizing: border-box; }
#kf-hero .kfh-stage { position: sticky; top: 0; width: 100%; height: 100svh; min-height: 680px; overflow: hidden; isolation: isolate; background: #161513; }
#kf-hero .kfh-visual, #kf-hero .kfh-shade, #kf-hero .kfh-grid { position: absolute; inset: 0; }
#kf-hero .kfh-visual { transform: translate3d(calc(var(--kf-px) * -18px), calc((var(--kf-py) * -12px) + (var(--kf-scroll) * -24px)), 0) scale(calc(1.035 + (var(--kf-scroll) * .025))); transition: transform 160ms cubic-bezier(.2,.8,.2,1); will-change: transform; }
#kf-hero .kfh-render, #kf-hero .kfh-final { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; user-select: none; pointer-events: none; }
#kf-hero .kfh-final { opacity: 0; transition: opacity 220ms linear; }
#kf-hero[data-stage]:not([data-stage="0"]) .kfh-final { opacity: 1; }
#kf-hero .kfh-shade { z-index: 1; opacity: 0; background: linear-gradient(90deg,rgba(4,4,4,.72),rgba(5,5,5,.34) 43%,rgba(5,5,5,.12) 72%,rgba(5,5,5,.26)),linear-gradient(0deg,rgba(5,5,5,.72),transparent 43%,rgba(5,5,5,.16)); transition: opacity 650ms cubic-bezier(.2,.8,.2,1); }
#kf-hero[data-stage]:not([data-stage="0"]) .kfh-shade { opacity: 1; }
#kf-hero .kfh-grid { z-index: 2; left: clamp(22px,3.2vw,62px); right: clamp(22px,3.2vw,62px); width: auto; opacity: 0; border-inline: 1px solid rgba(255,255,255,.13); background: linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.1) 50%,transparent calc(50% + .5px)); transition: opacity 700ms ease; }
#kf-hero[data-stage="4"] .kfh-grid { opacity: .58; }
#kf-hero .kfh-copy, #kf-hero .kfh-footer, #kf-hero .kfh-scroll { position: absolute; z-index: 3; }
#kf-hero .kfh-copy { top: 50%; left: clamp(30px,4.7vw,90px); right: clamp(30px,4.7vw,90px); transform: translate3d(calc(var(--kf-px) * 8px),calc(-42% + (var(--kf-py) * 5px) + (var(--kf-scroll) * -8px)),0); }
#kf-hero .kfh-index { display:flex; align-items:center; gap:14px; margin: 0 0 clamp(18px,2.8vh,34px); font-size: clamp(9px,.7vw,13px); font-weight: 600; letter-spacing: .2em; }
#kf-hero .kfh-index span { display:inline-flex; align-items:center; gap:14px; white-space:nowrap; }
#kf-hero .kfh-index span::before { content:""; display:block; width:34px; height:1px; background:rgba(255,255,255,.55); }
#kf-hero .kfh-headline { max-width: 1500px; margin: 0; color: inherit; font-size: clamp(62px,8.55vw,164px); font-weight: 800; line-height: .79; letter-spacing: -.075em; text-transform: uppercase; }
#kf-hero .kfh-line { display: block; overflow: hidden; padding-right: .1em; }
#kf-hero .kfh-line > span { display: block; transform: translateY(112%); transition: transform 900ms cubic-bezier(.16,1,.3,1); }
#kf-hero .kfh-indent { padding-left: clamp(20px,7.2vw,138px); }
#kf-hero[data-stage="3"] .kfh-line > span, #kf-hero[data-stage="4"] .kfh-line > span { transform: translateY(0); }
#kf-hero[data-stage="3"] .kfh-line:nth-child(2)>span, #kf-hero[data-stage="4"] .kfh-line:nth-child(2)>span { transition-delay: 90ms; }
#kf-hero .kfh-descriptor { display: flex; justify-content: space-between; gap: 32px; max-width: 640px; margin-top: clamp(22px,3.2vh,38px); font-size: clamp(10px,.74vw,14px); font-weight: 550; line-height: 1.45; letter-spacing: .08em; text-transform: uppercase; }
#kf-hero .kfh-descriptor p { margin: 0; }
#kf-hero .kfh-footer { left: clamp(30px,4.7vw,90px); right: clamp(30px,4.7vw,90px); bottom: clamp(28px,4.3vh,54px); display: flex; align-items: flex-end; justify-content: flex-end; gap: clamp(24px,3vw,58px); }
#kf-hero .kfh-tools-label { margin: 0 0 1px; font-size: 9px; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
#kf-hero .kfh-tools { display: flex; align-items: center; gap: clamp(22px,2.8vw,52px); }
#kf-hero .kfh-tool { display: flex; align-items: center; gap: 10px; opacity: .93; }
#kf-hero .kfh-tool img { display: block; width: 100%; height: 100%; object-fit: contain; }
#kf-hero .kfh-max { width: clamp(116px,10.3vw,198px); }
#kf-hero .kfh-corona { width: clamp(110px,9.3vw,178px); }
#kf-hero .kfh-ai { height: clamp(30px,2.8vw,54px); }
#kf-hero .kfh-ai img { width: auto; aspect-ratio: 1.17; }
#kf-hero .kfh-ai span { white-space: nowrap; font-size: clamp(9px,.7vw,13px); font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
#kf-hero .kfh-scroll { left: clamp(30px,4.7vw,90px); bottom: clamp(28px,4.3vh,54px); display: flex; align-items: center; gap: 12px; font-size: 9px; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }
#kf-hero .kfh-scroll i { display: block; width: 54px; height: 1px; overflow: hidden; background: rgba(255,255,255,.35); }
#kf-hero .kfh-scroll i::after { content:""; display:block; width:100%; height:100%; background:#fff; transform:translateX(-100%); animation:kfh-scan 1.8s ease-in-out infinite; }
#kf-hero .kfh-reveal-brand, #kf-hero .kfh-reveal-details, #kf-hero .kfh-reveal-tools { opacity: 0; transform: translateY(14px); transition: opacity 650ms ease,transform 850ms cubic-bezier(.16,1,.3,1); }
#kf-hero[data-stage="2"] .kfh-reveal-brand, #kf-hero[data-stage="3"] .kfh-reveal-brand, #kf-hero[data-stage="4"] .kfh-reveal-brand, #kf-hero[data-stage="3"] .kfh-reveal-details, #kf-hero[data-stage="4"] .kfh-reveal-details, #kf-hero[data-stage="4"] .kfh-reveal-tools { opacity:1; transform:translateY(0); }
@keyframes kfh-scan { 0%,20%{transform:translateX(-100%)} 70%,100%{transform:translateX(100%)} }

body .t825__btn { transition: opacity .35s ease, transform .35s ease !important; }
body.kf-hero-active .t825__btn { opacity: 0 !important; pointer-events: none !important; transform: translateY(18px) !important; }

@media(max-width:760px){
  #kf-hero{height:108svh}
  #kf-hero .kfh-stage{min-height:620px}
  #kf-hero .kfh-visual{transform:scale(1.12) translate3d(0,calc(var(--kf-scroll) * -12px),0)}
  #kf-hero .kfh-copy{top:48%;transform:translateY(-48%)}
  #kf-hero .kfh-index{display:block;max-width:310px;line-height:1.55}
  #kf-hero .kfh-index span{display:block;margin-top:5px}
  #kf-hero .kfh-index span::before{display:none}
  #kf-hero .kfh-headline{font-size:clamp(52px,17vw,94px);line-height:.84}
  #kf-hero .kfh-indent{padding-left:0}
  #kf-hero .kfh-descriptor{display:block;max-width:300px;margin-top:28px}
  #kf-hero .kfh-descriptor p+p{margin-top:10px}
  #kf-hero .kfh-footer{left:30px;right:30px;justify-content:flex-start;gap:18px}
  #kf-hero .kfh-tools-label,#kf-hero .kfh-scroll{display:none}
  #kf-hero .kfh-tools{width:100%;justify-content:space-between;gap:15px}
  #kf-hero .kfh-max{width:112px} #kf-hero .kfh-corona{width:100px} #kf-hero .kfh-ai{height:27px} #kf-hero .kfh-ai span{display:none}
}

@media(prefers-reduced-motion:reduce){
  #kf-hero *,#kf-hero *::before,#kf-hero *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  #kf-hero .kfh-visual{transform:scale(1.04)}
}