.hk-stage{color:#f0eee6;background:#111214;font:400 13px/1.35 system-ui,Segoe UI,sans-serif;overflow:hidden}.hk-stage *{box-sizing:border-box}.hk-host{position:absolute;inset:0}.hk-view{grid-template-columns:280px 1fr;animation:.3s both hk-in;display:grid;position:absolute;inset:0 0 60px}@keyframes hk-in{0%{opacity:0}}.demo-screen>.hk-caption{height:10%;font:400 clamp(12px, 1.35vw, 15px)/1.3 var(--serif);color:var(--ivory-2);pointer-events:none;align-items:center;margin:0;padding:0 18px;display:flex;inset:auto 0 0}@media (width<=720px){.demo-screen>.hk-caption{height:17.5%;padding:0 12px}}.hk-label{font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9aa0ad;margin-bottom:8px}.hk-title{font-size:19px;font-weight:600}.hk-note{color:#9aa0ad;font-size:12px}.hk-side{background:#16171a;border-right:1px solid #ffffff14;flex-direction:column;gap:10px;padding:22px 20px;display:flex}.hk-product{grid-template-columns:64px 1fr;align-items:center;gap:12px;display:grid}.hk-product b{font-size:14px;display:block}.hk-product small{color:#9aa0ad;font-size:12px}.hk-photo{background:#f4f2ee;border-radius:8px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.hk-photo img{object-fit:contain;width:100%;height:100%;padding:4px;position:absolute;inset:0}.hk-desc{color:#c4c8d0;margin:0 0 6px;font-size:12px}.hk-settings{gap:6px;margin:0;display:grid}.hk-settings>div{grid-template-columns:104px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.hk-settings dt{color:#9aa0ad}.hk-settings dd{margin:0}.hk-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;padding:11px 14px;font:600 13px/1 system-ui,Segoe UI,sans-serif}.hk-btn-primary{color:#1a1216;background:#e393bd;border-color:#e393bd}.hk-btn-primary:hover{background:#f0a9cc}.hk-main{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:22px 24px;display:flex;overflow:hidden}.hk-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hk-rows{gap:6px;display:grid}.hk-row{background:#1a1c21;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:128px 1fr auto;align-items:center;gap:12px;padding:7px 12px;transition:opacity .2s;display:grid}.hk-rows.is-run .hk-row{animation:.35s both hk-row-in;animation-delay:calc(var(--i) * .35s)}@keyframes hk-row-in{0%{opacity:0;transform:translateY(6px)}}.hk-row.is-off{opacity:.45}.hk-row.is-off .hk-row-main{text-decoration:line-through}.hk-row-main b{font-size:13.5px;display:block}.hk-row-main small{color:#c4c8d0;font-size:12.5px}.hk-chip{white-space:nowrap;border:1px solid;border-radius:999px;justify-self:start;padding:5px 9px;font:600 11.5px/1 system-ui,Segoe UI,sans-serif}.hk-more{text-align:center;color:#9aa0ad;background:0 0;border:1px dashed #ffffff29;padding:9px 12px;font-size:12.5px;display:block}.hk-seg{border:1px solid #ffffff29;border-radius:999px;display:inline-flex;overflow:hidden}.hk-seg button{color:#c4c8d0;cursor:pointer;background:0 0;border:0;padding:5px 10px;font:600 12px/1 system-ui,Segoe UI,sans-serif}.hk-seg button.is-on{color:#1a1216;background:#e393bd}.hk-seg button:focus-visible{outline:2px solid var(--clay);outline-offset:-2px}.hk-lvl-hideg{color:#8fbce6}.hk-lvl-meleg{color:#f0c27a}.hk-lvl-forro{color:#e8846a}.hk-toggle{color:#a9e3b4;cursor:pointer;background:#7fd08f1f;border:1px solid #7fd08f99;border-radius:999px;min-width:84px;padding:7px 12px;font:600 12px/1 system-ui,Segoe UI,sans-serif}.hk-toggle.is-off{color:#9aa0ad;background:0 0;border-color:#fff3}.hk-toggle:focus-visible,.hk-btn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.hk-foot{color:#c4c8d0;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex}.hk-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.hk-tile{background:#0b0c0e;border:1px solid #ffffff14;border-radius:10px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.hk-tile img{object-fit:contain;width:100%;height:100%;display:block}.hk-tile.is-off{color:#9aa0ad;text-align:center;background:0 0;border:1px dashed #fff3;align-content:center;gap:4px;font-size:12px}.hk-tile.is-off span{color:#c4c8d0;font-weight:600}.hk-view-full{display:block}.hk-pick{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px;display:flex}.hk-pick-q{font:400 30px/1.2 var(--serif)}.hk-pick-sub{font:400 12px var(--mono);color:#9aa0ad;margin:8px 0 30px}.hk-pick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.hk-pick-card{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#f0eee60a;border:1px solid #ffffff1a;border-radius:10px;justify-items:start;gap:6px;padding:16px;transition:border-color .2s,background .2s;display:grid}.hk-pick-card:hover{background:#f0eee612;border-color:#ffffff40}.hk-pick-card.is-on{border-color:#e393bd}.hk-pick-card:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.hk-pick-photo{background:#f4f2ee;border-radius:8px;place-items:center;width:100%;height:170px;margin-bottom:6px;display:grid;position:relative;overflow:hidden}.hk-pick-photo img{object-fit:contain;width:100%;height:100%;padding:10px;position:absolute;inset:0}.hk-pick-name{font-size:15px;font-weight:600}.hk-pick-sub2{color:#9aa0ad;font-size:12px}.hk-gen{color:#9aa0ad;opacity:0;pointer-events:none;background:#1a1c21;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.hk-tile.is-run .hk-gen{animation:1.6s both hk-gen;animation-delay:calc(var(--i) * .9s)}@keyframes hk-gen{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hk-view,.hk-rows.is-run .hk-row,.hk-tile.is-run .hk-gen{animation:none}}.hkr[data-astro-cid-szcrnqkv]{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(1.75rem,4vw,2.75rem) 0 clamp(1.5rem,3.5vw,2.25rem)}.hkr-eq[data-astro-cid-szcrnqkv]{grid-template-columns:auto auto minmax(0,1fr);align-items:end;gap:0 clamp(1.25rem,3vw,2.5rem);display:grid}.hkr-in[data-astro-cid-szcrnqkv]{gap:1rem;padding-bottom:.9rem;display:grid}.hkr-label[data-astro-cid-szcrnqkv],.hkr-fig-label[data-astro-cid-szcrnqkv]{font:400 .7rem var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.hkr-photos[data-astro-cid-szcrnqkv]{gap:8px;display:flex}.hkr-photos[data-astro-cid-szcrnqkv] img[data-astro-cid-szcrnqkv]{aspect-ratio:1;object-fit:cover;border:1px solid var(--line-2);border-radius:4px;width:clamp(48px,5.4vw,64px);height:auto}.hkr-cap[data-astro-cid-szcrnqkv]{color:var(--muted);font-size:1rem;line-height:1.45}.hkr-arrow[data-astro-cid-szcrnqkv]{color:var(--muted);padding-bottom:2.6rem;font-size:clamp(1.4rem,2.4vw,2rem)}.hkr-fig[data-astro-cid-szcrnqkv]{text-align:right;justify-items:end;display:grid}.hkr-big[data-astro-cid-szcrnqkv]{letter-spacing:-.045em;color:var(--clay);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(4.6rem,12vw,10rem);font-weight:400;line-height:.82}.hkr-fig-label[data-astro-cid-szcrnqkv]{color:var(--ivory-2);margin-top:.9rem}.hkr-wall[data-astro-cid-szcrnqkv]{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-top:clamp(1.5rem,3.5vw,2.25rem);padding:0;list-style:none;display:grid}.hkr-wall[data-astro-cid-szcrnqkv] li[data-astro-cid-szcrnqkv]{aspect-ratio:4/5;outline:1px solid var(--line);outline-offset:-1px;background:#f0eee60d;border-radius:3px;overflow:hidden}.hkr-wall[data-astro-cid-szcrnqkv] img[data-astro-cid-szcrnqkv]{object-fit:cover;width:100%;height:100%}.cr.is-armed .hkr-eq[data-astro-cid-szcrnqkv],.cr.is-armed .hkr-photos[data-astro-cid-szcrnqkv] img[data-astro-cid-szcrnqkv],.cr.is-armed .hkr-wall[data-astro-cid-szcrnqkv] li[data-astro-cid-szcrnqkv]{opacity:0}.cr.is-in .hkr-eq[data-astro-cid-szcrnqkv]{animation:hkr-rise .9s var(--settle) both}.cr.is-in .hkr-photos[data-astro-cid-szcrnqkv] img[data-astro-cid-szcrnqkv]{animation:hkr-pop .6s var(--settle) calc(.2s + var(--k) * 80ms) both}.cr.is-in .hkr-wall[data-astro-cid-szcrnqkv] li[data-astro-cid-szcrnqkv]{animation:hkr-tile .75s var(--settle) calc(.6s + var(--k) * 55ms) both}.cr.is-in .hkr-big[data-astro-cid-szcrnqkv]{animation:1.4s ease-out 2.2s both hkr-glow}@keyframes hkr-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hkr-pop{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:none}}@keyframes hkr-tile{0%{opacity:0;filter:blur(8px);transform:scale(.82)}to{opacity:1;filter:none;transform:none}}@keyframes hkr-glow{0%{text-shadow:0 0 #d9775700}35%{text-shadow:0 0 42px #d9775773}to{text-shadow:0 0 #d9775700}}@media (width<=900px){.hkr-wall[data-astro-cid-szcrnqkv]{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width<=760px){.hkr-eq[data-astro-cid-szcrnqkv]{grid-template-columns:1fr}.hkr-arrow[data-astro-cid-szcrnqkv]{display:none}.hkr-fig[data-astro-cid-szcrnqkv]{text-align:left;justify-items:start;margin-top:1.25rem}.hkr-fig-label[data-astro-cid-szcrnqkv]{margin-top:.6rem}}@media (width<=560px){.hkr-wall[data-astro-cid-szcrnqkv]{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}}.hk-hero[data-astro-cid-ffkixohl]{padding-bottom:clamp(32px,4vw,48px)}.hk-demo-wrap[data-astro-cid-ffkixohl]{padding-bottom:var(--section)}
