.site .gx{gap:var(--st-space-9xl);inline-size:100%;max-inline-size:calc(80rem + 2 * var(--site-gutter));padding:12vh var(--site-gutter) 10vh;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.site .gx-head{gap:var(--st-space-3xl);max-inline-size:44rem;display:grid}.site .tt.gx-title{margin:0;font-size:clamp(2.6rem,1rem + 4.4vw,4.8rem)}.site .gx-lead{color:var(--st-desk-body);margin:0;font-size:1rem;line-height:1.5}.site .gx-made{color:var(--st-desk-meta);margin:0;font-size:.8125rem}.site .gx-filter{align-items:center;gap:var(--st-space-l) var(--st-space-4xl);flex-wrap:wrap;display:flex}.site .gx-filter .ex-seg{align-items:center;margin:0;list-style:none}.site .gx-filter .ex-seg li{margin:0;padding:0;display:flex}.site .gx-filter a{border-radius:var(--st-radius-pill);min-block-size:2rem;color:var(--st-desk-body);align-items:center;padding-inline:.875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.site .gx-filter a:hover{color:var(--st-desk-heading)}.site .gx-filter a[aria-current=page]{background:var(--st-desk-glass-hover);box-shadow:inset 0 0 0 var(--st-border-width) var(--st-desk-glass-border);color:var(--st-desk-heading)}.site .gx-filter a:focus-visible{outline:2px solid var(--st-desk-heading);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.site .gx-filter a{transition:none}}.site .gx-count{color:var(--st-desk-meta);margin:0;font-size:.8125rem}.site .gx-empty{color:var(--st-desk-body);margin:0}.site .gx-list{gap:var(--st-space-12xl);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.site .gx[data-filter=mobile] .gx-item:not([data-platform=mobile]),.site .gx[data-filter=website] .gx-item:not([data-platform=website]),.site .gx[data-filter=webapp] .gx-item:not([data-platform=webapp]){display:none}.site .gx-item{max-inline-size:none;scroll-margin-block-start:6rem}.site .gx-window .dwin-body{gap:var(--st-space-9xl);padding:var(--st-space-8xl);grid-template-columns:minmax(0,1fr);display:grid}.site .gx-stitch{border-block-start:var(--st-border-width) solid var(--st-desk-hairline);padding-block-start:var(--st-space-8xl)}.site .gx-stitch .ex-frame{max-inline-size:60rem}.site .gx-notice{color:var(--st-desk-body);margin:0;font-size:.8125rem}.site .gx-notice a{color:var(--st-desk-heading)}@media (max-width:767.98px){.site .gx{gap:var(--st-space-7xl);padding-block-start:8vh}.site .gx-window .dwin-body{padding:var(--st-space-3xl)}}