.hl{--hairline-plate:var(--hl-ground,var(--color-paper,#faf5ec));--hairline-hi:var(--color-action,#c93500);--hairline-edge:color-mix(in srgb, var(--color-ink,#1b1713) 90%, transparent);--hairline-mid:color-mix(in srgb, var(--color-ink,#1b1713) 42%, transparent);--hairline-lo:color-mix(in srgb, var(--color-ink,#1b1713) 16%, transparent);--hairline-stroke:1;min-width:0;margin:0}.hl-box{aspect-ratio:5/4;width:100%;display:block;position:relative}.hl-box[data-hl-static]{pointer-events:none}.hl-box[data-hl-draw]>svg{clip-path:inset(0 100% 0 0)}.hl-box[data-hl-draw=in]>svg{clip-path:inset(0);transition:clip-path var(--t-image,.9s) var(--ease-wipe,cubic-bezier(.65, 0, .35, 1))}@media (prefers-reduced-motion:reduce){.hl-box[data-hl-draw]>svg{clip-path:none;transition:none}}:root[data-motion=reduced] .hl-box[data-hl-draw]>svg{clip-path:none;transition:none}.hl-box:focus-visible{outline:2px solid var(--color-ink,#1b1713);outline-offset:3px}.hl-cap{font-family:var(--font-disp);font-size:var(--text-label);color:var(--color-ink-2,#5a5047);margin-top:6px;font-weight:420;line-height:1.4}.hl-cap b,.hl-cap strong{color:var(--color-ink,#1b1713);font-weight:600}.hl--small{width:112px}.hl--small .hl-cap{font-size:var(--text-label)}@media (max-width:639.98px){.hl--small{width:88px}}.hl-tip-host{position:relative}.hl-tip{z-index:3;background:var(--color-paper,#faf5ec);border:1px solid color-mix(in srgb, var(--color-ink,var(--rule-strong)) 18%, transparent);opacity:0;pointer-events:none;width:112px;transition:opacity var(--t-state) var(--ease-out-quart,var(--ease-state)), translate var(--t-state) var(--ease-out-quart,var(--ease-state));padding:2px 4px 0;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}.hl-tip-host:hover .hl-tip,.hl-tip-host:focus-within .hl-tip{opacity:1;translate:-50%}.hl-tip .hl--micro{width:100%}.hl-tip .hl-box{pointer-events:none}@media (prefers-reduced-motion:reduce){.hl-tip{opacity:1;visibility:hidden;transition:none;translate:-50%}.hl-tip-host:hover .hl-tip,.hl-tip-host:focus-within .hl-tip{visibility:visible}}:root[data-motion=reduced] .hl-tip{opacity:1;visibility:hidden;transition:none;translate:-50%}:root[data-motion=reduced] .hl-tip-host:hover .hl-tip,:root[data-motion=reduced] .hl-tip-host:focus-within .hl-tip{visibility:visible}@media not ((hover:hover) and (pointer:fine) and (min-width:1024px)){.hl-tip{display:none}}.hl-note{align-items:center;gap:14px;max-width:34rem;display:flex}.hl-note .hl--small{flex:none}.hl-note-cap{font-size:var(--text-small);max-width:28ch;margin:0}@media (min-width:1024px){.hl-note .hl--small{width:148px}}.hl-note--stack{flex-direction:column;align-items:flex-start;gap:8px}@media (min-width:1024px){.hl-note--stack .hl--small{width:min(100%,200px)}.hl-note--stack .hl-note-cap{max-width:24ch}}.hl-head{gap:16px;display:grid}@media (min-width:1024px){.hl-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px}}.q-steps--fig li{grid-template-columns:44px minmax(0,1fr) 76px;align-items:start}.q-steps--fig .q-step-fig{width:76px;margin-top:-4px}@media (min-width:640px){.q-steps--fig li{grid-template-columns:44px minmax(0,1fr) 128px;column-gap:20px}.q-steps--fig .q-step-fig{width:128px}}.kx-start-fig{width:64px}@media (min-width:640px){.kx-start-fig{width:96px}}.kx-start-progress li:not([data-on]):not([data-done]) .kx-start-fig{opacity:.55}@media (min-width:1024px){.q-approach--full .q-steps--fig{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,2.8vw,48px);margin-top:40px}.q-approach--full .q-steps--fig li{border-top:1px solid var(--rule-strong);grid-template:"fig"140px"num""text"1fr/minmax(0,1fr);row-gap:10px;padding-block:24px 8px}.q-approach--full .q-steps--fig .q-step-fig{grid-area:fig;align-self:end;width:min(100%,168px);max-height:128px;margin:0 0 6px}.q-approach--full .q-steps--fig .q-num{grid-area:num}.q-approach--full .q-steps--fig li>div{grid-area:text}.q-approach--full .q-steps--fig .q-body{max-width:30ch}}
