@font-face{font-family:"Instrument Sans";font-weight:400 700;font-display:swap;src:url(/static/fonts/instrument-sans-1.woff2) format("woff2")}
*{box-sizing:border-box}html,body{margin:0}
body.h{background:#fbfaf7;color:#1a1a1a;font:400 16px/1.45 "Instrument Sans",system-ui,sans-serif;color-scheme:light}
.h .side{position:fixed;inset:0 auto 0 0;width:42%;padding:10vh 6vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #e6e2da}
.h .brand{text-decoration:none;color:inherit}/* exact production header wordmark (style.css .brand): rendered at its 26px size and scaled up, so the system font picks identical glyphs/optical size */.h .wm{display:inline-block;font:800 26px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;letter-spacing:-.04em;--s:2.75;transform:scale(var(--s));transform-origin:0 0;margin-bottom:calc(26px*(var(--s) - 1))}.h .kk{color:#ffb547;letter-spacing:-.06em}
.h .lead{max-width:310px;color:#555;margin:28px 0 0;font-size:17px}.h .side small{color:#9a958c;font-size:13px}
.h .apps{margin-left:42%;padding:10vh 6vw;list-style:none}
.h .row{display:flex;gap:28px;align-items:center;padding:24px 16px;margin:0 -16px;border-bottom:1px solid #ece8e0;text-decoration:none;color:inherit;cursor:pointer;border-radius:4px;transition:background .15s}
.h .row:last-child{border-bottom:0}
.h .shot{width:150px;height:94px;flex:none;border:1px solid #e3dfd6;background:#f0ede6;overflow:hidden;display:grid;place-items:center;font-size:34px;font-weight:500;color:#fff;transition:transform .15s}
.h .shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.h .name{display:block;font-size:22px;font-weight:500;margin-bottom:4px;transition:color .15s}.h .desc{display:block;color:#666;font-size:15px}
.h .go{margin-left:auto;color:#bbb5a9;font-size:20px;transition:transform .15s,color .15s}
.h .row:hover,.h .row:focus-visible{background:#f3efe6;outline:none}.h .row:hover .name,.h .row:focus-visible .name{color:#b97800}
.h .row:hover .go,.h .row:focus-visible .go{color:#b97800;transform:translateX(4px)}.h .row:hover .shot{transform:scale(1.03)}
.h .soon{color:#888;font-size:18px}
@media(max-width:760px){.h .wm{--s:2.2}.h .side{position:static;width:auto;border:0;padding:8vh 24px 0}.h .side small{display:none}.h .apps{margin:0;padding:4vh 24px 8vh}.h .row{gap:16px;padding:18px 10px;margin:0 -10px}.h .shot{width:92px;height:62px;font-size:24px}.h .go{display:none}.h .name{font-size:20px}}
.h .apps ul{list-style:none;margin:0;padding:0}.h .apps li[hidden]{display:none}
.h .cats{display:flex;gap:26px;margin:0 0 14px;border-bottom:1px solid #ece8e0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.h .cats::-webkit-scrollbar{display:none}
.h .cats a{flex:none;padding:6px 0 11px;margin-bottom:-1px;border-bottom:2px solid transparent;color:#8a857b;text-decoration:none;font-size:15px;white-space:nowrap;transition:color .15s,border-color .15s}
.h .cats a:hover{color:#1a1a1a}.h .cats a[aria-current]{color:#1a1a1a;border-bottom-color:#b97800}
.h .cats a:focus-visible{outline:2px solid #b97800;outline-offset:3px;border-radius:2px}
@media(max-width:760px){.h .cats{gap:22px;margin:0 -24px 6px;padding:0 24px}}

.h .kind{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;color:#8a5a00;background:#fff1d9;border:1px solid #ffd79a;border-radius:999px;padding:1px 9px;margin:0 0 6px}

.h .contact{display:block;margin-bottom:6px}.h .contact a{color:inherit;text-decoration:none;border-bottom:1px solid #e6e2da;transition:color .15s,border-color .15s}.h .contact a:hover,.h .contact a:focus-visible{color:#1a1a1a;border-color:#ffb547}
.h .mfoot{display:none}
@media(max-width:760px){.h .mfoot{display:block;border-top:1px solid #e6e2da;margin:0 24px;padding:22px 0 6vh}.h .mfoot small{color:#9a958c;font-size:13px}}