/* /work/all/ "Everything": sort and filter index. Builds on work3.css + hub.css tokens; only all-* classes live here. */
.all main{padding-top:66px}
.all-head{padding-block:clamp(28px,6vw,84px) clamp(20px,3vw,36px);border-bottom:1px solid var(--gmp-rule);background:radial-gradient(70% 120% at 100% 0%,rgba(0,255,255,.10),transparent 60%),radial-gradient(60% 100% at 0% 100%,rgba(255,46,136,.08),transparent 60%)}
.all-h1{font-size:clamp(3rem,10vw,8.5rem)}
.all-jump{margin:var(--space-lg) 0 0}

/* new and in progress */
.all-feat{padding-block:var(--space-xl) var(--space-lg);scroll-margin-top:66px}
.all-feat__grid,.all-grid{list-style:none;margin:0;padding-left:0}
.all-feat__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.all-feat__item{display:flex;min-width:0}
.all-feat__item>.hub-card,.all-item>.hub-card{width:100%}
.all-card--big .hub-card__media{aspect-ratio:4/3}
@media(max-width:1100px){.all-feat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .all-feat__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--gmp-cyan) transparent}
  .all-feat__item{scroll-snap-align:start}
}

/* pills over the cover */
.all-pills{position:absolute;left:12px;top:12px;right:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.all-pill{color:var(--gmp-white)}
.all-pill--live{border-color:var(--gmp-green);color:var(--gmp-green)}
.all-pill--demo{border-color:var(--gmp-cyan);color:var(--gmp-cyan)}
.all-pill--concept{border-color:rgba(255,46,136,.7);color:#ffc2dc}
.all-pill--new{background:var(--hub-hot);border-color:var(--hub-hot);color:#fff}
.all-pill--progress{border-color:#ffc84a;color:#ffd77a}
.all-type{color:var(--gmp-cyan);font:700 .64rem/1 var(--sw-font-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.all .hub-card__body .all-label{margin-top:auto;color:var(--hub-micro);font-size:.8rem}

/* the engine */
.all-index{padding-block:var(--space-lg) 0;border-top:1px solid var(--gmp-rule);scroll-margin-top:66px}
.all-bar{display:grid;gap:12px;margin:0 0 var(--space-sm);padding:14px;border:1px solid var(--gmp-rule);border-radius:var(--hub-r);background:var(--hub-card)}
.all-bar[hidden]{display:none}
.all-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.all-search{flex:1 1 220px;width:auto;min-height:44px;font-size:1rem}
.all-sort{min-height:44px;flex:0 1 auto;-webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2300ffff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.all-sortlab,.all-grouplab{color:var(--hub-micro);font:700 .66rem/1 var(--sw-font-body);letter-spacing:.14em;text-transform:uppercase}
.all-grouplab{min-width:52px}
.all-chip{min-height:44px}
.all-bar__foot{justify-content:space-between}
.all-count{font-size:.9rem;color:var(--gmp-white)}
.all-clear{min-height:44px}
.all-clear[hidden]{display:none}
.all-grid{padding-block:var(--space-sm) var(--space-xl)}
.all-item{display:flex;min-width:0}
.all-item[hidden]{display:none}
.all-data{margin:0 0 var(--space-2xl);color:var(--gmp-soft);font-size:.86rem}
.all-data a{color:var(--gmp-cyan)}
@media(max-width:620px){.all-grouplab{flex-basis:100%}.all-sortlab{display:none}.all-sort{flex:1 1 120px}}

/* honest price chip + spec pill (T-240, data/price_tags.json) */
.all-pill--spec{border-color:#d6a85c;color:#f3d9a8;background:rgba(11,11,16,.72)}
.all .hub-card__body .all-price{margin:10px 0 0;position:relative;z-index:3}
.all-price__chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgba(214,168,92,.75);border-radius:999px;background:rgba(214,168,92,.10);color:#f3d9a8;font:700 .8rem/1.1 var(--sw-font-body);letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.all-price__chip:hover,.all-price__chip:focus-visible{background:#d6a85c;border-color:#d6a85c;color:#0b0b10}
.all-price__chip:focus-visible{outline:2px solid #fff;outline-offset:2px}