/* The filling-line study uses the existing KORTEX palette and page system. */
.kx-filling .kx-hero{height:235vh;min-height:1800px;padding-top:0;overflow:visible;display:block}
.kx-filling .kx-hero-pin{position:sticky;top:0;height:100svh;min-height:760px;display:flex;flex-direction:column;padding-top:98px;overflow:hidden;background:#101b2b}
.kx-filling .kx-hero-layout{grid-template-columns:.88fr 1.28fr;padding-block:10px;min-height:0}
.kx-filling .kx-hero h1{font-size:clamp(62px,5.65vw,88px);line-height:1.06}
.kx-filling .kx-hero-copy{min-width:0;padding-bottom:15px}
.kx-filling .kx-hero-description{max-width:360px;margin-top:24px}
.kx-filling .kx-hero-actions{gap:24px;flex-wrap:wrap;margin-top:27px}
.kx-filling .kx-hero-actions .kx-text-link{font-size:13px}
.kx-filling .kx-hero-art{height:100%;min-height:535px;max-height:760px;margin-left:-42px;margin-right:-40px;transform:none;opacity:1}
.kx-filling .kx-scene-hero{inset:0; width:100%;height:100%}
.kx-filling .kx-art-halo{inset:18% -4% 9%;background:radial-gradient(ellipse,#1b736628,transparent 68%)}
.kx-filling .kx-line-heading{position:absolute;top:10px;left:11%;right:6%;display:flex;justify-content:space-between;gap:20px;color:#9bb6c2;pointer-events:none}
.kx-filling .kx-line-heading .kx-line-view{color:#587b8c}
.kx-filling .kx-line-state{position:absolute;bottom:68px;left:11%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #47657566;padding-top:13px;color:#a5c1ce;font-size:13px;pointer-events:none}
.kx-filling [data-line-percentage]{color:#28bbb0;font-size:13px;font-variant-numeric:tabular-nums}
.kx-filling .kx-scene-caption{bottom:16px;left:11%;right:6%;gap:15px}
.kx-filling [data-explode]{padding:8px 0;background:none;border:0;color:#c4d7df;font-size:13px;border-bottom:1px solid #53757a}
.kx-filling [data-explode]:hover{color:#28c8ba;border-bottom-color:currentColor}
.kx-filling .kx-hero-bottom{padding-block:19px}
.kx-filling .kx-line-anchor{position:absolute;top:calc(100% - 100svh + 95px);height:1px;pointer-events:none}
.kx-filling .kx-journey-columns{grid-template-columns:.85fr 1.3fr;gap:35px}
.kx-filling .kx-journey-art{margin-right:-30px}
.kx-filling .kx-scene-process{left:-3%;width:108%}
.kx-filling .kx-axis-label{left:5%;bottom:5px;color:#8fb5be;border-top:1px solid #385561;width:85%;padding-top:14px}
.kx-filling .kx-machine-fallback{position:absolute;inset:22% 12%;display:flex;flex-direction:column;justify-content:center;gap:18px;color:#89a9b7}
.kx-filling .kx-machine-fallback p{font-size:36px;line-height:1.1;letter-spacing:-.04em;color:#cbe3e6}
.kx-filling .kx-machine-fallback>span:last-child{font-size:13px}
.kx-filling .kx-scene.is-rendered .kx-machine-fallback{display:none}
.kx-filling.is-static .kx-hero{height:auto;min-height:0}
.kx-filling.is-static .kx-hero-pin{position:relative;height:auto;min-height:800px}
.kx-filling.is-static [data-explode]{display:none}
@media(min-width:1600px){.kx-filling .kx-hero-art{margin-left:-10px;max-height:850px}.kx-filling .kx-hero h1{font-size:96px}}
@media(max-width:1200px){.kx-filling .kx-hero-pin{min-height:780px}.kx-filling .kx-hero-layout{grid-template-columns:.87fr 1.13fr}.kx-filling .kx-hero h1{font-size:63px}.kx-filling .kx-hero-actions{gap:14px}.kx-filling .kx-hero-art{margin-left:-32px;margin-right:-36px}.kx-filling .kx-line-view{display:none}.kx-filling .kx-line-heading,.kx-filling .kx-line-state,.kx-filling .kx-scene-caption{left:8%;right:6%}}
@media(min-width:641px) and (max-width:950px){.kx-filling .kx-hero-pin{padding-top:82px;min-height:780px}.kx-filling .kx-hero-layout{grid-template-columns:.88fr 1fr}.kx-filling .kx-hero h1{font-size:55px}.kx-filling .kx-hero-description{font-size:15px;max-width:300px}.kx-filling .kx-hero-art{margin-left:-38px;margin-right:-50px;min-height:530px}.kx-filling .kx-line-heading{font-size:11px;left:15%}.kx-filling .kx-line-state,.kx-filling .kx-scene-caption{left:20%;right:8%}.kx-filling .kx-scene-caption{bottom:10px}.kx-filling .kx-journey-columns{grid-template-columns:1fr 1fr;gap:10px}.kx-filling .kx-journey-art{margin-right:-35px}}
@media(max-width:640px){
  .kx-filling .kx-hero{height:215svh;min-height:1600px}
  .kx-filling .kx-hero-pin{height:100svh;min-height:785px;padding-top:76px}
  .kx-filling .kx-hero-topline{padding-top:14px}
  .kx-filling .kx-hero-topline .kx-mono{letter-spacing:.015em;font-size:12px}
  .kx-filling .kx-hero-layout{display:flex;flex-direction:column;padding-top:20px;padding-bottom:0;gap:0;flex:1;min-height:0}
  .kx-filling .kx-hero-copy{padding:0;flex-shrink:0}
  .kx-filling .kx-eyebrow{display:none}
  .kx-filling .kx-hero h1{font-size:clamp(39px,11vw,52px);line-height:1.03;letter-spacing:-.055em}
  .kx-filling .kx-hero h1 br:nth-child(2){display:block}
  .kx-filling .kx-hero-description{font-size:14px;line-height:1.65;margin-top:16px;max-width:360px}
  .kx-filling .kx-hero-actions{margin-top:16px;gap:18px;flex-direction:row;align-items:center}
  .kx-filling .kx-hero-actions .kx-button{min-height:44px;padding:11px 15px;font-size:12px}
  .kx-filling .kx-hero-actions .kx-text-link{font-size:12px}
  .kx-filling .kx-hero-art{flex:1;min-height:315px;height:auto;width:calc(100% + 40px);margin:9px -20px 0;max-height:none}
  .kx-filling .kx-scene-hero{height:calc(100% - 40px);top:0}
  .kx-filling .kx-line-heading{display:none}
  .kx-filling .kx-line-state{left:20px;right:20px;bottom:48px;font-size:12px;padding-top:9px}
  .kx-filling .kx-scene-caption{left:20px;right:20px;bottom:0}
  .kx-filling [data-explode],.kx-filling .kx-motion-toggle{font-size:12px}
  .kx-filling .kx-motion-toggle{padding:7px 9px}
  .kx-filling .kx-hero-bottom{padding:13px 0;margin-top:13px}
  .kx-filling .kx-hero-index{display:none}
  .kx-filling .kx-journey-columns{display:flex}
  .kx-filling .kx-journey-art{height:350px;margin:10px -18px 0}
  .kx-filling .kx-scene-process{top:0;left:0;width:100%;height:350px}
  .kx-filling .kx-axis-label{display:none}
  .kx-filling .kx-machine-fallback{inset:12% 10%}
  .kx-filling .kx-machine-fallback p{font-size:28px}
}
@media(max-width:370px){.kx-filling .kx-hero-pin{min-height:770px}.kx-filling .kx-hero h1{font-size:38px}.kx-filling .kx-hero-actions{gap:10px}.kx-filling .kx-hero-art{min-height:305px}.kx-filling .kx-hero-actions .kx-button{padding-inline:12px}.kx-filling .kx-hero-actions .kx-text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kx-filling .kx-hero{height:auto;min-height:0}.kx-filling .kx-hero-pin{position:relative}.kx-filling .kx-scroll-cue{display:none}}