.klh-hero{--klh-tint:#f3f0fa;--klh-soft:#8a8496;background:var(--color-background);color:var(--color-foreground);font-variant-ligatures:no-common-ligatures;padding:clamp(7rem,5rem + 5vw,9.5rem) 0 clamp(3.5rem,2.5rem + 3vw,5.5rem);position:relative;overflow:hidden}.klh-hero:before{content:"";pointer-events:none;background:radial-gradient(55% 40% at 50% 20%,#6b4ed417,#0000 70%),radial-gradient(circle at 1px 1px,#1a162512 1px,#0000 1.5px) 0 0/24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 45%,#0000 95%);mask-image:linear-gradient(#000 45%,#0000 95%)}.klh-inner{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:72rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.klh-title-fit{width:100%;max-width:60rem;container-type:inline-size}.klh-title{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.1rem,1.3rem + 3.2vw,3.9rem);font-weight:800;line-height:1.06}.klh-accent{color:var(--color-primary);padding-right:.06em;display:block}@media (min-width:1024px){.klh-title{font-size:clamp(2.25rem, calc(100cqw / (var(--chars) * .55)), 3.9rem)}.klh-line{white-space:nowrap}}.klh-sub{max-width:38rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.1rem;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.55}.klh-stage{width:100%;margin-top:clamp(2.75rem,2rem + 3vw,4rem)}.klh-hero .hcc{margin-top:1.75rem}.klh-between{width:100%;margin-top:clamp(2rem,1.5rem + 2vw,2.75rem)}.klh-board{border:1px solid var(--color-surface-border);background:var(--color-surface);border-radius:24px;max-width:62rem;margin:0 auto;padding:clamp(1rem,.6rem + 1.5vw,1.75rem);box-shadow:0 1px 2px #1a16250d,0 34px 70px -34px #1a16254d}.klh-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.klh-tick{background:var(--klh-tint);text-align:left;border-radius:14px;gap:.15rem;padding:.7rem .8rem;display:grid;position:relative}.klh-tick:after{content:"";border-radius:inherit;border:2px solid var(--color-primary);opacity:0;position:absolute;inset:0}.klh-tick-when{color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:800}.klh-tick-count{font-family:var(--font-display);font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:800;line-height:1.1}.klh-tick-unit{color:var(--klh-soft);font-family:var(--font-sans,inherit);font-size:13px;font-weight:600}.klh-tick-title{color:var(--color-muted);font-size:12.5px;line-height:1.35}.klh-shops{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}@media (min-width:768px){.klh-shops{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}}.klh-shop img{aspect-ratio:112/180;object-fit:cover;object-position:top;border-radius:4px;width:100%;height:auto;display:block}.klh-vitrines.is-on .klh-shop{animation:10s infinite both klh-light;animation-delay:calc(3s + (var(--i) - 4) * 50ms)}.klh-vitrines.is-on .klh-shop.is-first{animation-delay:1.5s}.klh-vitrines.is-on .klh-tick:after{animation:10s infinite both klh-tick;animation-delay:calc(var(--i) * 1.5s)}@media (max-width:639px){.klh-tick-title{display:none}}@keyframes klh-light{0%{opacity:.25;filter:grayscale()}3%,60%{opacity:1;filter:none}64%,to{opacity:.25;filter:grayscale()}}@keyframes klh-tick{0%,22%,to{opacity:0}3%,18%{opacity:1}}@media (prefers-reduced-motion:reduce){.klh-stage.is-on *,.klh-stage.is-on :before,.klh-stage.is-on :after{animation:none!important}}
.kls{--kls-tint:#f3f0fa;--kls-red:#dc2626;--kls-red-bg:#dc262614;--kls-shadow:0 1px 2px #1a16250a, 0 18px 40px -26px #1a162538;background:var(--color-background);color:var(--color-foreground);padding:0 1rem}.kls-inner{max-width:64rem;margin:0 auto}.kls-h2{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;text-wrap:balance;margin-bottom:clamp(2rem,1.5rem + 2vw,3rem);font-size:clamp(1.9rem,1.4rem + 2vw,3rem);font-weight:800;line-height:1.1}.kls-accent{color:var(--color-primary)}.kls-change{gap:.85rem;display:grid}.kls-row{border:1px solid var(--color-surface-border);background:var(--color-surface);box-shadow:var(--kls-shadow);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;padding:1.15rem 1.25rem;display:grid}@media (min-width:900px){.kls-row{grid-template-columns:auto 12rem minmax(0,1fr) auto minmax(0,1fr)}}.kls-row-icon{background:var(--kls-tint);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.kls-row-icon img{object-fit:contain;width:36px;height:36px}.kls-row-job{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.kls-row-before,.kls-row-after{gap:.25rem;font-size:14px;line-height:1.45;display:grid}.kls-row-before{color:var(--color-muted)}.kls-row-after{font-weight:600}.kls-row-arrow{color:var(--color-primary)}@media (max-width:899px){.kls-row-before,.kls-row-after{grid-column:1/-1}.kls-row-arrow{display:none}}.kls-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;justify-self:start;padding:.1rem .45rem;font-size:10.5px;font-weight:800}.kls-tag-before{background:var(--kls-red-bg);color:var(--kls-red)}.kls-tag-after{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary)}
.dock-card{position:relative}.dock-card:before{content:"";inset-inline:12%;opacity:.8;pointer-events:none;background:linear-gradient(90deg,#0000,#c4b0fd8c,#0000);height:1px;position:absolute;top:0}.dock-bar{background:#8b7fa852;border-radius:999px;flex:1 1 0;align-self:center;width:100%;min-width:0;transition:background-color .32s}.dock-bar--played{background:linear-gradient(to bottom, var(--color-primary-light,#c4b0fd), var(--color-primary-dark,#9171f5))}.dock-bar--cursor{background:#fff;box-shadow:0 0 8px #c4b0fde6}.dock-play-idle{animation:2.4s ease-in-out infinite dock-pulse}@keyframes dock-pulse{0%,to{box-shadow:0 0 #a689fb8c}50%{box-shadow:0 0 0 7px #a689fb00}}@media (prefers-reduced-motion:reduce){.dock-play-idle{animation:none}}
.klv{border:1px solid var(--color-surface-border);background:var(--color-surface);text-align:left;border-radius:20px;width:100%;max-width:36rem;margin:0 auto;box-shadow:0 1px 2px #1a16250a,0 18px 40px -26px #1a16253d}.klv-label{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1rem 0;font-size:11.5px;font-weight:800}.klv .dock-bar--cursor{background:var(--color-primary);box-shadow:0 0 6px color-mix(in srgb, var(--color-primary) 60%, transparent)}.klv .dock-card:before{display:none}
