.kp .ih{padding-top:var(--s-16);padding-bottom:var(--s-80)}.kp .ih-grid{gap:var(--s-48)var(--s-80);margin-top:var(--s-16);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.kp .ih h1{max-width:14em;font-size:clamp(2.25rem,1.45rem + 2.4vw,3.6rem)}.kp .ih-sub{margin-top:var(--s-24);max-width:44ch;font-size:var(--fs-20);color:var(--text-on-dark-muted);line-height:1.5}.kp .hform{margin-top:var(--s-40);gap:var(--s-12);max-width:540px;display:grid}.kp .hform-body{gap:var(--s-12);display:grid}.kp .hform-note{font-size:var(--fs-14);color:var(--text-on-dark-muted);line-height:1.5}.kp .hform-t{font-family:var(--font-head);font-variation-settings:"wdth" var(--wdth-head);font-weight:700;font-size:var(--fs-20);color:#fff;line-height:1.2}.kp .ih-media .shot-frame{aspect-ratio:5/6}.kp .ih-media .shot-frame>img{object-position:var(--pos,64% 50%)}.kp .duo{gap:var(--s-32);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kp .task{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-card);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.kp .task-media{aspect-ratio:16/10;background:var(--mist-100);position:relative;overflow:hidden}.kp .task-media>img{object-fit:cover;object-position:var(--pos,50% 50%);width:100%;height:100%}.kp .task-body{gap:var(--s-16);padding:var(--s-32);align-content:start;display:grid}.kp .task-body .h2{font-size:var(--fs-40)}.kp .task-body .lead{color:var(--ink)}.kp .meter-bg{width:190%;max-width:none;position:absolute;top:0;left:0;transform:translate(-44%,-19%)}.kp .task-media .scan{left:var(--s-24);bottom:var(--s-24);width:min(330px,76%)}.kp .task-media .code{left:var(--s-24);bottom:var(--s-24);z-index:2;width:min(420px,86%);box-shadow:var(--shadow-float);position:absolute}.kp .task-media .code pre{overflow:hidden}.kp .scan-csv{color:var(--blue-on-dark);font-weight:600}.kp .alarm .frame{--ar:16/9}.kp .mailframe{background:var(--mist-50);place-items:center;display:grid}.kp .mail{width:min(460px,88%)}@media (max-width:1240px){.kp .ih-media .scan{left:calc(-1*var(--s-40))}}@media (max-width:1100px){.kp .ih-grid{column-gap:var(--s-48)}.kp .ih-media .shot-frame{aspect-ratio:1}.kp .task-body{padding:var(--s-24)}.kp .task-body .h2{font-size:var(--fs-32)}}@media (max-width:960px){.kp .alarm .frame{max-width:760px}}@media (max-width:860px){.kp .ih-grid,.kp .duo{grid-template-columns:minmax(0,1fr)}.kp .ih-media{max-width:560px}.kp .ih-media .shot-frame{aspect-ratio:4/3}}@media (max-width:700px){.kp .ih{padding-bottom:var(--s-64)}.kp .ih-sub{font-size:var(--fs-18)}.kp .hform{margin-top:var(--s-32)}.kp .task-media .scan,.kp .task-media .code{width:auto;margin:-32px var(--s-12)0;position:relative;bottom:auto;left:auto}.kp .task-media{aspect-ratio:auto;background:0 0;overflow:visible}.kp .task-media>img,.kp .meter-wrap{aspect-ratio:4/3;border-radius:0;display:block}.kp .meter-wrap{background:var(--mist-100);position:relative;overflow:hidden}.kp .meter-bg{width:260%;transform:translate(-46%,-18%)}.kp .task-body{padding:var(--s-24)var(--s-16)}.kp .task-body .h2{font-size:var(--fs-28)}.kp .alarm .frame{--ar:4/5}.kp .alarm .frame>img{object-position:46% 0}.kp .mailframe{aspect-ratio:auto;padding:var(--s-24)var(--s-12)}.kp .mail{width:100%}}@media (max-width:400px){.kp .ih h1{font-size:2rem}}@media (min-width:701px){.kp .meter-wrap{position:absolute;inset:0;overflow:hidden}}