:root{--dim:#c9d4e8}
body{font-size:19px}
.nav{justify-content:flex-start;gap:8px;flex-wrap:wrap}
header .nav > nav{margin-left:auto}
.burger{margin-left:auto}
@media(max-width:1000px){
  header .nav > nav{margin-left:0;flex-basis:100%}
}
.lead{font-size:clamp(18px,1.65vw,22px);color:#dbe4f5}
label{font-size:13px;color:#d5e0f2;letter-spacing:.04em}
.kav-prose p,.kav-copy p,.kav-job p{color:#d7e2f4;font-size:18.5px;line-height:1.65}
.kav-prose h2,.kav-copy h2{margin-top:8px}
.kav-prose{max-width:820px}
.kav-prose ul,.kav-prose ol{margin:14px 0 0 1.15em;color:#d7e2f4}
.kav-prose li{margin:9px 0}
.kav-prose table{margin-top:18px;font-size:17px}
.kav-hero-row,.kav-duo{display:grid;gap:34px;align-items:center}
.kav-hero-row{grid-template-columns:1.12fr .88fr}
.kav-duo{grid-template-columns:.86fr 1.14fr}
.kav-duo.flip{grid-template-columns:1.15fr .85fr}
.kav-frame{overflow:hidden;border:1px solid #2c384c;background:#0c1118}
.kav-frame img{width:100%;height:100%;object-fit:cover;display:block}
.kav-cut{border-radius:30px 86px 22px 78px;transform:rotate(-1.1deg);min-height:240px}
.kav-cut img{aspect-ratio:16/9}
.kav-soft{border-radius:18px 18px 72px 18px}
.kav-soft img{aspect-ratio:16/9}
.kav-tall img{aspect-ratio:3/4}
.kav-tall{border-radius:120px 18px 18px 18px;max-width:420px}
.kav-sq img{aspect-ratio:1/1}
.kav-sq{border-radius:48% 18px 40% 22px}
.kav-float{float:right;width:min(42%,380px);margin:4px 0 12px 22px}
.kav-bleed{margin:28px 0}
.kav-stack{display:grid;grid-template-columns:1fr .72fr;gap:0;align-items:end}
.kav-stack figure:last-child{margin-left:-12%;margin-bottom:8%}
.kav-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.kav-metrics article{border:1px solid #2a3548;border-radius:18px;padding:14px 14px 12px;background:#0c121b;min-width:0}
.kav-metrics small{display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a9b8d0;margin-bottom:8px;line-height:1.35}
.kav-metrics strong{display:block;font-size:clamp(22px,2vw,30px);letter-spacing:-.6px;color:#eef6c9;font-weight:700;line-height:1.15;overflow-wrap:anywhere}
.kav-track{height:9px;border-radius:99px;background:#1a2331;margin-top:18px;overflow:hidden}
.kav-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5ce1e6,#c8ff4d);transition:width .75s cubic-bezier(.22,.8,.2,1)}
.kav-mondat{color:#d5e0f2;margin-top:14px;font-size:18px}
.kav-age{display:inline-grid;place-items:center;height:36px;min-width:48px;padding:0 10px;margin-left:8px;border-radius:999px;border:1px solid #c8ff4d;color:#c8ff4d;font-weight:700;font-size:14px}
.kav-sut{position:fixed;z-index:150;left:50%;bottom:16px;transform:translateX(-50%);width:min(920px,calc(100% - 24px));display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#101722f2;border:1px solid #35506a;border-radius:22px;padding:16px 18px;backdrop-filter:blur(10px)}
.kav-sut p{color:#eef3ff;font-size:16.5px;max-width:640px}
.kav-sut .btn{padding:12px 18px}
.kav-note{color:#c8ff4d;margin-top:12px;min-height:1.3em;font-size:16.5px}
.kav-dl{display:grid;gap:14px;margin-top:18px}
.kav-dl div{border-top:1px solid #2a3548;padding-top:12px}
.kav-dl dt{color:#c8ff4d;font-weight:700}
.kav-dl dd{color:#d7e2f4;margin-top:4px}
@media(max-width:900px){
  .wrap{width:min(1240px,calc(100% - 28px))}
  .kav-hero-row,.kav-duo,.kav-duo.flip,.kav-stack,.kav-metrics{grid-template-columns:1fr 1fr}
  .kav-hero-row,.kav-duo,.kav-duo.flip,.kav-stack{grid-template-columns:1fr}
  .kav-cut{transform:none}
  .kav-float{float:none;width:100%;margin:0 0 16px}
  .kav-stack figure:last-child{margin:12px 0 0}
  h1{letter-spacing:-1.4px}
  .kav-sut{justify-content:center;text-align:center}
  .kav-sut p{max-width:none}
}
@media(max-width:640px){
  .kav-metrics{grid-template-columns:1fr}
  .stat{font-size:28px}
}