.intro-row[data-astro-cid-ght3iha2]{justify-content:space-between;align-items:flex-end;gap:40px;padding:100px 0 48px;display:flex}h1[data-astro-cid-ght3iha2]{letter-spacing:-.045em;font-size:96px;font-weight:700;line-height:.95}.intro[data-astro-cid-ght3iha2]{max-width:560px;color:var(--ink-2);text-wrap:pretty;margin-top:24px;font-size:19px;line-height:1.5}.filters[data-astro-cid-ght3iha2]{gap:6px;display:flex}.filters[data-astro-cid-ght3iha2][hidden]{display:none}.pill[data-astro-cid-ght3iha2]{border:1.5px solid var(--border);color:var(--ink);font:500 15px/normal var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px}.pill[data-astro-cid-ght3iha2]:hover{border-color:var(--ink)}.pill[data-astro-cid-ght3iha2][aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.grid[data-astro-cid-ght3iha2]{gap:var(--grid-gap);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.grid[data-astro-cid-ght3iha2]>li[data-astro-cid-ght3iha2][hidden]{display:none}.sr-only[data-astro-cid-ght3iha2]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.modal-open{overflow:hidden}.demo[data-astro-cid-ght3iha2]{background:var(--surface);width:1000px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:28px;margin:auto;padding:28px;overflow:auto;box-shadow:0 30px 80px #00000040}.demo[data-astro-cid-ght3iha2]::backdrop{background:#1f1c1880}.grab[data-astro-cid-ght3iha2]{display:none}.d-head[data-astro-cid-ght3iha2]{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.d-tag[data-astro-cid-ght3iha2]{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}.d-title[data-astro-cid-ght3iha2]{letter-spacing:-.02em;margin-top:6px;font-size:30px;font-weight:600;line-height:1.1}.d-close[data-astro-cid-ght3iha2]{border:1.5px solid var(--border);color:var(--ink);font:500 15px/normal var(--font-sans);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px}.d-close[data-astro-cid-ght3iha2]:hover{border-color:var(--ink)}.d-close[data-astro-cid-ght3iha2] .short[data-astro-cid-ght3iha2]{display:none}.d-frame[data-astro-cid-ght3iha2]{border:1.5px solid var(--divider);background:repeating-linear-gradient(135deg,#efe9dd 0 10px,#f6f2ea 10px 20px);border-radius:18px;height:500px;margin-top:20px;position:relative;overflow:hidden}.d-frame[data-astro-cid-ght3iha2] iframe{background:var(--surface);border:0;width:100%;height:100%;display:block}.d-fallback[data-astro-cid-ght3iha2]{text-align:center;color:var(--ink-2);justify-content:center;align-items:center;padding:20px;font-size:15px;display:flex;position:absolute;inset:0}.d-fallback[data-astro-cid-ght3iha2][hidden]{display:none}.d-foot[data-astro-cid-ght3iha2]{justify-content:space-between;align-items:center;gap:24px;margin-top:18px;display:flex}.d-desc[data-astro-cid-ght3iha2]{max-width:640px;color:var(--ink-2);font-size:15px;line-height:1.5}.d-case[data-astro-cid-ght3iha2]{white-space:nowrap;font-size:15px;font-weight:500}@media (prefers-reduced-motion:no-preference){.demo[data-astro-cid-ght3iha2][open]{animation:.2s ease-out demo-in}.demo[data-astro-cid-ght3iha2][open]::backdrop{animation:.2s ease-out backdrop-in}}@keyframes demo-in{0%{opacity:0;transform:translateY(12px)}}@keyframes backdrop-in{0%{opacity:0}}@media (width<=767px){.intro-row[data-astro-cid-ght3iha2]{padding:52px 0 28px;display:block}h1[data-astro-cid-ght3iha2]{font-size:54px}.intro[data-astro-cid-ght3iha2]{margin-top:16px;font-size:16px}.filters[data-astro-cid-ght3iha2]{margin-top:20px;overflow-x:auto}.grid[data-astro-cid-ght3iha2]{grid-template-columns:1fr}.pill[data-astro-cid-ght3iha2]{flex:none;min-height:44px;padding:9px 14px;font-size:13px}.demo[data-astro-cid-ght3iha2]{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 90px);margin:auto 0 0;padding:12px 16px 24px;box-shadow:0 -10px 40px #0003}.grab[data-astro-cid-ght3iha2]{background:var(--border);border-radius:3px;width:40px;height:5px;margin:0 auto 14px;display:block}.d-head[data-astro-cid-ght3iha2]{gap:12px}.d-tag[data-astro-cid-ght3iha2]{font-size:11px}.d-title[data-astro-cid-ght3iha2]{margin-top:4px;font-size:20px;line-height:1.2}.d-close[data-astro-cid-ght3iha2]{flex:none;width:44px;height:44px;padding:0;font-size:18px}.d-close[data-astro-cid-ght3iha2] .long[data-astro-cid-ght3iha2]{display:none}.d-close[data-astro-cid-ght3iha2] .short[data-astro-cid-ght3iha2]{display:inline}.d-frame[data-astro-cid-ght3iha2]{border-radius:16px;height:520px;margin-top:14px}.d-foot[data-astro-cid-ght3iha2]{margin-top:14px;display:block}.d-desc[data-astro-cid-ght3iha2]{font-size:14px}.d-case[data-astro-cid-ght3iha2]{background:var(--ink);color:var(--surface);text-align:center;border-radius:999px;margin-top:14px;padding:13px;text-decoration:none;display:block}.d-case[data-astro-cid-ght3iha2]:hover{color:var(--surface)}.d-case[data-astro-cid-ght3iha2] .arrow[data-astro-cid-ght3iha2]{display:none}@media (prefers-reduced-motion:no-preference){.demo[data-astro-cid-ght3iha2][open]{animation-name:sheet-in}}@keyframes sheet-in{0%{transform:translateY(40px)}}}