@font-face{font-family:Vazirmatn;src:url('/assets/d1cb7084e3-69708959fef5e934c74b2781_Vazirmatn-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Editorial;src:url('/assets/d84d715570-69d6543004152005279a44f2_PPEditorialNew-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:Fira;src:url('/assets/da658394cd-6996e38228bba08593823730_FiraCode-Regular.ttf') format('truetype');font-display:swap}
#kti-process{--red:#f01421;--paper:#fffaf6;--toolbar:80px;position:relative;height:480svh;isolation:isolate;color:var(--red);font-family:Vazirmatn,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#kti-process *{box-sizing:border-box}
#kti-process em{font:italic 1em Editorial,Georgia,serif}
#kti-process .kti-p3-refinement-sticky{position:sticky;top:var(--toolbar);height:calc(100svh - var(--toolbar));min-height:0;padding:14px 0;display:flex;flex-direction:column;gap:16px;overflow:hidden}
#kti-process .kti-p3-section-intro{display:grid;grid-template-columns:1fr 1.7fr auto;gap:24px;align-items:center;min-height:54px;width:100%;margin:0 auto;max-width:1560px}
#kti-process .kti-p3-intro-route{display:flex;align-items:center;gap:54px;font:17px Fira,monospace}
#kti-process .kti-p3-intro-route span{font:32px Vazirmatn,Arial,sans-serif}
#kti-process .kti-p3-section-intro p{font-size:19px;line-height:1.25;max-width:490px;margin:0}
#kti-process .kti-p3-section-intro p em{font-size:23px}
#kti-process .kti-p3-process-pill{border:1px solid var(--red);border-radius:50%;padding:9px 26px;white-space:nowrap;font:italic 25px Editorial,Georgia,serif}
#kti-process .kti-p3-refinement-board{--pad:clamp(24px,3.1vw,48px);background:var(--red);color:var(--paper);position:relative;width:100%;max-width:1560px;margin:0 auto;flex:1;min-height:0;display:grid;grid-template-rows:82px minmax(200px,1fr) 198px;overflow:hidden}
#kti-process .kti-p3-refinement-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 var(--pad)}
#kti-process .kti-p3-stage-heading{display:flex;align-items:center;gap:15px;font-size:clamp(21px,1.8vw,27px);line-height:1.12;border-bottom:1px solid #fffaf660;position:relative;opacity:.7}
#kti-process .kti-p3-stage-heading span{font:18px Fira,monospace}
#kti-process .kti-p3-stage-heading::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .35s}
#kti-process .kti-p3-stage-heading[aria-current]{opacity:1}
#kti-process .kti-p3-stage-heading[aria-current]::after{transform:scaleX(1)}
#kti-process .kti-p3-drawing{position:relative;min-height:0}
#kti-process canvas{display:block;width:100%;height:100%}
#kti-process .kti-p3-drawing-note{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;width:22%}
#kti-process .kti-p3-note-left{left:var(--pad)}
#kti-process .kti-p3-note-right{right:var(--pad);text-align:right}
#kti-process .kti-p3-note-copy{font-size:clamp(23px,2.1vw,33px);line-height:1.2;letter-spacing:-.025em;display:block}
#kti-process .kti-p3-note-right .kti-p3-note-copy{font-size:clamp(31px,3.1vw,48px);line-height:1.06}
#kti-process .kti-p3-note-left::before{content:'01 / INPUT';display:block;font:13px Fira,monospace;letter-spacing:.07em;margin-bottom:18px;opacity:.8}
#kti-process [data-stage='2'] .kti-p3-note-left::before{content:'02 / DIRECTION'}
#kti-process [data-stage='3'] .kti-p3-note-left::before{content:'03 / EXPRESSION'}
#kti-process [data-stage='4'] .kti-p3-note-left::before{content:'04 / APPLICATION'}
#kti-process .kti-p3-refinement-copy-window{position:relative;overflow:hidden;margin:0 var(--pad);border-top:1px solid #fffaf68c}
#kti-process .kti-p3-refinement-copy-rail{height:100%;position:relative;will-change:transform}
#kti-process .kti-p3-refinement-slide{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:clamp(30px,4vw,70px);transition:opacity .22s ease,transform .45s ease}
#kti-process .kti-p3-refinement-slide[aria-hidden='true']{pointer-events:none}
#kti-process .kti-p3-refinement-slide h3{font-size:clamp(43px,4.4vw,67px);line-height:1.01;letter-spacing:-.035em;font-weight:400;margin:0}
#kti-process .kti-p3-refinement-slide p{font-size:clamp(18px,1.65vw,23px);line-height:1.43;margin:0;max-width:670px}
@media(min-height:850px) and (min-width:761px){#kti-process .kti-p3-refinement-board{grid-template-rows:90px minmax(280px,1fr) 220px}}
@media(min-width:761px) and (max-height:690px){#kti-process .kti-p3-refinement-sticky{height:610px;top:calc(100svh - 610px)}#kti-process .kti-p3-refinement-board{grid-template-rows:74px minmax(200px,1fr) 170px}}
@media(max-width:1000px) and (min-width:761px){#kti-process .kti-p3-stage-heading{font-size:20px;gap:10px}#kti-process .kti-p3-refinement-stages{gap:16px}#kti-process .kti-p3-note-copy{font-size:23px}#kti-process .kti-p3-note-right .kti-p3-note-copy{font-size:31px}}
@media(max-width:760px){
 #kti-process{margin-left:12px;width:calc(100% - 12px);height:490svh}
 #kti-process .kti-p3-refinement-sticky{padding:10px 0;gap:10px}
 #kti-process .kti-p3-section-intro{grid-template-columns:1fr auto;min-height:44px;gap:12px}
 #kti-process .kti-p3-intro-route{display:none}
 #kti-process .kti-p3-section-intro p{font-size:15px;line-height:1.25;max-width:240px}
 #kti-process .kti-p3-section-intro p em{font-size:17px}
 #kti-process .kti-p3-process-pill{font-size:20px;padding:8px 14px}
 #kti-process .kti-p3-refinement-board{--pad:20px;grid-template-rows:59px minmax(210px,1fr) 245px}
 #kti-process .kti-p3-refinement-stages{gap:18px}
 #kti-process .kti-p3-stage-heading{font-size:0;justify-content:center;gap:0}
 #kti-process .kti-p3-stage-heading span{font-size:25px}
 #kti-process .kti-p3-drawing-note{display:none}
 #kti-process .kti-p3-refinement-slide{grid-template-columns:1fr;align-content:center;gap:20px}
 #kti-process .kti-p3-refinement-slide h3{font-size:34px;line-height:1.12}
 #kti-process .kti-p3-refinement-slide h3 br{display:none}
 #kti-process .kti-p3-refinement-slide h3 em{margin-left:5px}
 #kti-process .kti-p3-refinement-slide p{font-size:18px;line-height:1.4}
}
@media(max-width:760px) and (max-height:770px){#kti-process .kti-p3-refinement-sticky{height:650px;top:calc(100svh - 650px)}}
@media(prefers-reduced-motion:reduce){#kti-process{height:auto}#kti-process .kti-p3-refinement-sticky{position:relative;height:auto;top:0;overflow:visible}#kti-process .kti-p3-refinement-board{display:flex;flex-direction:column}#kti-process .kti-p3-refinement-stages{min-height:80px}#kti-process .kti-p3-drawing{height:320px}#kti-process .kti-p3-refinement-copy-window{overflow:visible}#kti-process .kti-p3-refinement-copy-rail{transform:none!important}#kti-process .kti-p3-refinement-slide{position:relative;left:auto!important;opacity:1!important;padding:30px 0;min-height:190px;border-bottom:1px solid #fffaf660}#kti-process *{transition:none!important}}

/* Local refinements to the stage index and section-intro spacing. */
#kti-process .kti-p3-stage-heading {
  font-size: clamp(18px, 1.5vw, 23px);
  gap: 10px;
}
#kti-process .kti-p3-stage-heading span { font-size: 14px; }
@media (min-width: 761px) {
  #kti-process .kti-p3-section-intro {
    padding-inline: clamp(16px, 2vw, 32px);
  }
  #kti-process .kti-p3-intro-route {
    gap: clamp(20px, 3.4vw, 54px);
  }
}
@media (min-width: 761px) and (max-width: 1000px) {
  #kti-process .kti-p3-stage-heading { font-size: 18px; gap: 8px; padding-right: 16px; }
}
@media (max-width: 760px) {
  #kti-process .kti-p3-stage-heading { font-size: 0; gap: 0; }
  #kti-process .kti-p3-stage-heading span { font-size: 20px; }
}

/* This preview uses one numbered heading below the artwork, on an edge-to-edge panel. */
#kti-process .kti-p3-refinement-board {
  max-width: none;
  grid-template-rows: minmax(200px, 1fr) 198px;
  padding-top: 24px;
}
#kti-process .kti-p3-heading {
  display: flex;
  align-items: flex-start;
  gap: clamp(14px, 1.5vw, 24px);
}
#kti-process .kti-p3-stage-number {
  flex: 0 0 auto;
  padding-top: .5em;
  font: 16px/1.4 Fira, monospace;
  letter-spacing: 0;
}
#kti-process .kti-p3-stage-title { min-width: 0; }
@media (min-height: 850px) and (min-width: 761px) {
  #kti-process .kti-p3-refinement-board { grid-template-rows: minmax(280px, 1fr) 220px; }
}
@media (min-width: 761px) and (max-height: 690px) {
  #kti-process .kti-p3-refinement-board { grid-template-rows: minmax(200px, 1fr) 170px; }
}
@media (max-width: 760px) {
  #kti-process .kti-p3-section-intro { padding-inline: 20px; }
  #kti-process .kti-p3-refinement-board { grid-template-rows: minmax(210px, 1fr) 245px; padding-top: 16px; }
  #kti-process .kti-p3-stage-number { font-size: 14px; }
}

#kti-process .italic, #kti-process .italic-text {font:italic 1em Editorial,Georgia,serif}
#kti-process .kti-p3-heading {min-width:0}
#kti-process .kti-p3-heading h3 {min-width:0}
@media(max-width:760px){#kti-process .kti-p3-refinement-slide h3 .italic{margin-left:5px}}